发表于: 2019-03-08 20:50:49

2 535


css任务十总结:

<label> 标签为 input 元素定义标注(标记)。


label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。


<label> 标签的 for 属性应当与相关元素的 id 属性相同。


<input> 标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。


input标签常用的样式

text           定义图像输入的替代文本。规定帮助用户填写输入字段的提示。


checked         规定此 input 元素首次加载时应当被选中。用于多选框按钮


number          规定输入字段中的字符的最大长度。


field_name       定义 input 元素的名称。


button          定义按钮,现在利用button标签实现


password         定义密码


radio           定义单选按钮


checkbox         定义复选框




radio定义多选按钮,利用label标签链接,点击文字触发复选按钮



text  定义输入的文本

onkeyup="value=value.replace(/[^\d]/g,'')"定义只能输入数字
maxlength="5"   定义最大只能输入五个数字

placeholder="请输入数字" 定义输入框的提示文字



<input type="reset">定义重置按钮
<input type="reset" name="button" id="button" value="重置">
点击之后会将重置按钮所在的表单中填写的内容重新设置为默认值。
表单中的单选按钮可以设置以下几个属性:value、name、checked
  •  value:提交数据到服务器的值(后台程序PHP使用)
  •  name:为控件命名,以备后台程序 ASP、PHP 使用
  •  checked:当设置 checked="checked" 时,该选项被默认选中



返回列表 返回列表
评论

    分享到