HTML from表单

from表单的input元素的type属性:

注释：老式 web 浏览器不支持的输入类型，会被视为输入类型 text。
输入类型：text

<form>
<!-- text是定义文本输入的单行输入字段-->
 First name:<br/>
<input type="text" name="firstname">
<br/>
 Last name:<br/>
<input type="text" name="lastname">
</form> 

输入类型：password

<form>
<!-- password定义密码字段-->
 User name:<br/>
<input type="text" name="username">
<br/>
 User password:<br/>
<input type="password" name="psw">
</form> 

输入类型：submit
定义提交表单数据至表单处理程序的按钮

<!--<input type="submit"> 定义提交表单数据至表单处理程序的按钮。-->
<!-- action 代表你要把数据提交到哪里去，#表示当前页面-->
<form action="#">
First name:<br/>
<input type="text" name="firstname">
<br/>
Last name:<br/>
<input type="text" name="lastname">
<br/><br/>
<input type="submit" value="提交">
</form>

type输入属性：radio 定义单选按钮

<form>
<input type="radio" name="sex" value="nan" checked>男
<input type="radio" name="sex" value="nv">女
</form>

Input Type: checkbox 定义复选框。

<form>
<input type="checkbox" name="hobby" value="LOL">英雄联盟
<input type="checkbox" name="hobby" value="DOTA">DOTA
<input type="checkbox" name="hobby" value="CF">穿越火线
<input type="checkbox" name="hobby" value="DNF">地下城与勇士
</form>

Input Type: button 定义按钮

<from>
<input type="button" onclick="alert('Hello World!')" value="来点我啊">
</from>

输入限制
这里列出了一些常用的输入限制（其中一些是 HTML5 中新增的）：
属性 描述
disabled 规定输入字段应该被禁用。
max 规定输入字段的最大值。
maxlength 规定输入字段的最大字符数。
min 规定输入字段的最小值。
pattern 规定通过其检查输入值的正则表达式。
readonly 规定输入字段为只读（无法修改）。
required 规定输入字段是必需的（必需填写）。
size 规定输入字段的宽度（以字符计）。
step 规定输入字段的合法数字间隔。
value 规定输入字段的默认值。

下面的都是不常用的：