表单的基本标签

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一样。