表单中常用对象
1、文本字段text
<input name="xingming" type="text" id="xingming" value="请输入4-10位数字" size="20" maxlength="10" />
name文本域:文本字段的名称
type类型:input标签类型(单行text,文本字段)
value初始值:值
size字符宽度:可见的字符数(宽)
maxlength最多字符数:能输入的最大字符数
2、密码password
<input name="mima" type="password" id="mima" size="20" maxlength="2" />
***input类型为密码password,其他属性设置与文本字段一致
3、单选按钮radio
<input name="xingbie" type="radio" value="男" checked="checked" />
name单选按钮:单选按钮名称
*****同组单选按钮中,名称必须一致
type:input类型(radio单选按钮)
value选定值:值
textarea中cols表示checked初始状态(已勾选)
4、列表/菜单 select
<select name="nian" id="nian">
<option value="2015">2015</option>
<option value="2014" selected="selected">2014</option>
<option value="2013">2013</option>
</select>
name列表/菜单:名称
<option></option> --列表项
<option value="值">显示内容</option>
selected:初始化时选定
列表: <select name="select3" size="5">
size高度:显示的行数
5、复选框checkbox
<input name="aihao1" type="checkbox" id="aihao1" value="学习" checked="checked" />
name复选框名称
type:input类型(checkbox复选框)
value选定值:值
checked初始状态:表示已勾选
6、文本区域textarea --多行文本
<textarea name="textarea" cols="30" rows="8"></textarea>
name文本域名称
cols字符宽度:可视字符宽(宽)
rows行:可视行数
7、按钮
<input type="submit" name="Submit" value="录入" />
<input type="reset" name="Submit2" value="取消" />
<input type="button" name="Submit3" value="按钮" />
type类型:
提交表单submit --将表单数据提交到form指定的接收页面(<form action="接收数据页面路径" >)
重设表单reset --将表单中所有对象恢复到初始状态
无button --按钮本身没有任何效果
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论