表单
2018-01-24 本文已影响0人
程序员必修课
表单的作用:收集客户端信息,然后提交到服务器。
表单标记
<form name="名称" action="服务器页面URL" method="post|get">
...
...
</form>
action属性值为空,代表提交给自身。
必须为所有表单元素(控件)赋予含义明确的名称。
文本框
- 单行文本框:
<input type="text" name="名称" value="值"/>
- 密码框:
<input type="password" name="名称" value="值"/>
- 多行文本框:
<textarea name="名称" rows="行数" cols="列数">值</textarea>
单选框
<input type="radio" name="名称" value="值" checked="checked"/>
说明:
- 一组类型的单选框名称必须相同
- 必须为单选框赋值
- checked表示是默认的,只有一个可以加
复选框
<input type="checkbox" name="名称" value="值" checked="checked"/>
参照单选框。
列表框
<select name="名称">
<option value="值" selected="selected">文本</option>
...
</select>
文本域(浏览框)
<input type="file" name="名称"/>
按钮
- 提交按钮
<input type="submit" value="值(显示文本)"/>
- 取消按钮
<input type="reset" value="值(显示文本)"/>
- 自定义按钮
<input type="button" value="值(显示文本)"/>
隐藏域(提交正确的但无需用户干涉的值)
<input type="hidden" name="名称" value="值"/>
说明:
文本框的value属性,单选框/复选框的checked属性,列表框的selected属性,在编辑信息的时候着重注意。