表单元素共12个,分三大类:
文本类:
<input type="text" /> - 文本框
{
如何在 type="text" 时,文本框只能输入数字?
<input type='text' onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();" />
就是在失去焦点时也进行验证,因为可以用输入法输入汉字(用鼠标选取汉字)或者用鼠标进行粘贴操作
}
<input type="password" /> - 密码框
<input type="hidden" /> - 隐藏域
<textarea></textarea> - 文本域
按钮类:
<input type="button" /> - 普通按钮
<input type="submit" /> - 提交按钮
<input type="reset" /> - 重置按钮
<input type="image" /> - 图片按钮
普通按钮 - 点击无任何编号
提交按钮 - 获取form表单中的信息后提交
选择类:
<input type="radio"> - 单选按钮
<input type="checkbox" /> - 复选按钮
<select> - 下拉列表
<option></option>
<option></option>
</select>
<input type="file" /> - 文件上传
练习:
此时,只能点击单选按钮,点击男女文字时不会选中单选按钮
此时,点击文字时同样可以选中单选按钮