本文共 932 字,大约阅读时间需要 3 分钟。
与用户的交互--HTML表单标签<form>
网站怎样与用户进行交互?答案是使用HTML表单<form>。表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。
1.<form> :<form>标签是成对出现的,以<form>开始,以</form>结束。(所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在 <form></form> 标签之间)
2.label标签:label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。(意思就是被加了label标签的文字,点击之后当前目标会自动转移到文字所连接的表单上)
3.input标签 :
<input> 标签规定了用户可以在其中输入数据的输入字段。
<input> 元素在 <form> 元素中使用,用来声明允许用户输入数据的 input 控件。
输入字段可通过多种方式改变,取决于 type 属性。
4.placeholder属性:placeholder属性为输入框占位符,里面可以放提示的输入信息。
下面看一段代码解释一下:
表单标签
运行结果如下
单选框和复选框
1、type:
当 type="radio" 时,控件为单选框
当 type="checkbox" 时,控件为复选框
2、checked:当设置 checked="checked" 时,该选项被默认选中
下面看一段代码
运行结果:
注意:同一组的单选按钮,name 取值一定要一致,比如上面例子为同一个名称“danxuan”,这样同一组的单选按钮才可以起到单选的作用。
转载地址:https://blog.csdn.net/weixin_53379398/article/details/116271861 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!