2021-02-15

3.4表单控件(表单元素)表单元素就是允许用户在表单中输入或者选择的内容控件。1.input输入表单元素2.select下拉表单元素3.textarea文本域元素3.4.2<input>表单元素<input>标签用于收集用户信息。<input type=”属性值“ > <input />标签为单标签type属性的属性值及其描述如下:属性值描述button定义可点击按钮(多数情况下,用于通过JavaScript启动脚本)。checkbox定义复选框file定义输入字段和“浏览”按钮,供文件上传。hidden定义隐藏的输入字段Image定义图像形式的提交按钮password定义密码字段,该字段中的字符被掩码。radio定义单选按钮reset定义重置按钮,重置按钮会清除表单中的所有数据submit定义提交按钮,提交按钮会把表单数据发送到服务器text定义单行的输入字段,在其中输入文本,默认宽度为20个字符。除type属性外,<input>标签还有其他很多属性,其常用属性如下:属性属性值描述name由用户自定义定义input元素的名称value由用户自定义规定input元素的值checkedchecked规定此input元素首次加载时应当被选中maxlength正整数规定输入字段中的字符的最大长度1. name和value是每个表单元素都有的属性值,主要给后台人员使用。(我们是前端人员)2.name表单元素的名字,要求单选按钮和复选框要有相同的name值。3.checked属性主要针对于单选按钮和复选框,主要作用一打开页面,就要可以默认选中某个表单元素。4.maxlength是用户可以在表单元素输入的最大字符数,一般较少使用。 1.有些表单元素想刚打开页面就默认几个文字怎么做?答:可以给这些表单元格设置value属性= “值”用户名:<input type=”text”  value=”请输入用户名” /> 2. 页面中的表单元素很多,如何区别不同的表单元素?答:name属性:当前的input表单中的名字,后台可以通过这个name属性找到这个表单,页面中的表单很多,name的主要作用就是区别不同的表单。用户名:<input type=”text” value=”请输入用户名“name=”username” />Radio(或者checkbox)如果是一组,我们必须给他们起相同的名字。<input type=”radio”  name=“sex” />男<input type=”radio”  name=“sex” />女3.如果页面一打开就让某个单选按钮或者复选框是选中状态?答:checked属性:表示默认选中状态,用于单选按钮和复选按钮。性别:<input type=”radio”  name=“sex” value=“男”  checked=“checked” />男<input type=”radio”  name=“sex” value=“女” />女4.如何让input表单元素展示不同形态?比如单选按钮或者文本框。答:type属性:type属性可以让input表单元素设置不同形态。<input type=”radio” name=”sex” value=”男” checked=“checked” />男<input type=”text“ value=”请输入用户名”>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容