HTML表单

HTML表单

文字字段

<form name="formBox" method="post" action="">
  姓名：<input type="text" name="name" size="20" /><br />
  年龄:<input type="text" name="age" size="40" value="10" maxlength="3" />
</form>

密码输入框

<input type="password" name="pwd" />

单选按钮

<form name="formBox" method="post" action="">
  <input type="radio" name="sex" value="male" checked />男<br />
  <input type="radio" name="sex" value="female" />女
</form>

复选框

<form name="formBox" method="post" action="">
  <input type="checkbox" name="music" checked />音乐<br />
  <input type="checkbox" name="art" />美术<br />
  <input type="checkbox" name="math" />数学<br />
</form>

提交按钮

<form name="formBox" method="post" action="">
  <input type="text" value="输入的内容" />
  <button type="submit">This a submit button</button>

  <!--or-->

  <input type="submit" value="This is a submit button" />
</form>

重置按钮

<form name="formBox" method="post" action="">
  <input type="text" />
  <button type="reset">This a reset button</button>

  <!--or-->

  <input type="reset" value="This is a reset button" />
</form>

匿名按钮

<button type="button">This a anonymous button</button>

<!--or-->
<button>This a anonymous button</button>

<!--or-->
<input type="button" value="This is a anonymous button" />

代码总结：
form：用于创建供用户输入的HTML表单
name：用于定义控件的名称，多个控件可以使用同一个名称
formBox：自己设置的表单名称，可以任意更改
method：指定表单的提交方式，提交方式分为两种：get和post。它们的区别为：
get:1. 请求参数会在地址栏中显示。会封装到请求行中(HTTP协议后讲解)。 2. 请求参数大小是有限制的。 3. 不太安全。
post： 1 . 请求参数不会再地址栏中显示。会封装在请求体中(HTTP协议后讲解) 2. 请求参数的大小没有限制。 3. 较为安全。
action：规定当提交表单时，向何处发送表单数据
input：规定用户可以在其中输入数据的输入字段
type：用来定义输入的元素的类型，如：text（文本）、password（密码）、radio（单选按钮）、checkbox（复选框）、submit（表单提交）、reset（重置表单中输入的值）、button（按钮）等
value：定义控件的内容值
size：定义input元素的宽度
maxlength：元素中允许的最大字符数