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:元素中允许的最大字符数