4.1表单
表单是收集用户填写的信息并将其提交到后台服务器。
Method指定提交的方式有两种分别为get和post。
Get和post的区别:get传送的数据量较小,不能大于2KB。5Get提交的数据会出现在地址栏中,能看到输入信息,所以安全性不是很高;post则不会这样,所以安全比get方式高。
4.2文本框和密码框
Maxlength指定该文本框的最大字符数
文本框和密码是一样的。只是密码框使用的是掩码。
Size指定文本框的宽度
value指定它的初始值。
Lable有的两个作用:可以对它设置样式;Lable的For属性可以使之关联,点击文本时会激活对应的<input>
<label for="a">账号:</label>
<input id="a" type="text" name="zhanghao" maxlength="6" size="20"value="66"
4.3单选按钮和多选框
标签的属性表现形式,键值对 属性名=属性值例如:type=“text“,maxlength=”6”;一些取值为布尔类型的属性直接使用属性名checked readonly。
多个单选按钮为一组最多只有一个被选中,需要设制相同的name。
如果需要默认选中需要加checked。
input type="radio" name="role" checked>老师
<input type="radio" name="role">学生
<input type="radio" name="role">领导
多个单选按钮为一组可以多个被选中,如果需要默认选中需要加checked。
<input type="checkbox" checked>学习
<input type="checkbox" >游戏
4.4 重置按钮和提交按钮、普通按钮
type=reset是重置表单内部的输入框,Value的值是按钮上的文字。
普通按钮点击没有任何反应,Value的值是按钮上的文字。
type=submit是提交表单内部的输入框的值,Value的值是按钮上的文字。
点击提交按钮之后跳转到form表单指定的action(Action指定提交的地址)
例如:点击按钮将form表单中的input中的name属性值(键)和用户输入的值组成的键值对(或input标签value属性对应的值)并凭借到form表单action属性值的后面。Url为::http://localhost:63342/html/7.7/result.html?user=%E6%9D%A8%E6%96%87%E9%BE%99&password=12345
4.5图片按钮
<input type="image" src="华点.png"οnclick="alert(9999)">
1作用和submit一样。
2需要设置src属性,如果src对应的路径没有找到图片,(并且有没有设置alt属性,按钮显示默认值“提交”,如果设置了alt的属性则显示alt的值)。
4.6<button>标签
1.内容可以使任以资源(图片,视频...)
2.当button标签放在form内部时,作用和submit一样。