html表单的主要作用_html表单模板代码

html表单的主要作用_html表单模板代码HTML 的表单素有哪些html的表单素有:1、文本区域“textarea”;2、列表框“select”;3、文本输入框“input type=text”;4、密码输入框“input type=pass

HTML 的表单素有哪些   html的表单素有:1、文本区域“textarea”;2、列表框“select”;3、文本输入框“input type=text”;4、密码输入框“input type=password”;5、单选输入框等等。   
HTML 的表单素有哪些   本文操作环境:windows7系统、HTML5版、Dell G3电脑。   HTML中常用的表单素包括:文本区域(TEXTAREA),列表框(SELECT),文本输入框(INPUT type=text),密码输入框(INPUT type=password),单选输入框(INPUT type=radio),复选输入框(INPUT type=checkbox),重置按钮、提交按钮、隐藏域、等等。   一、文本域   <input type=”text” name=”text” value=”” />登录后复制   二、密码域   密码跟文本框类似,但是在里面输入的内容显示为圆点。   <input type=”password” name=”text” value=”” />登录后复制   三、单选按钮   男人: Male   女人: Female   四、复选框   <input type=”checkbox” name=”check1″ value=”” />登录后复制   五、按钮   六、重置按钮   当重置按钮时,重置按钮所在的表单将全部清空,而其他表单不受影响。   七、提交按钮   当提交按钮时,浏览器将自动提交表单。   八、隐藏域   隐藏域在浏览器中并不显示,仅仅为保存一些不太重要的资料而存在。   九、上传域   十、图片按钮   十一、下拉列表   <option value=”0″>0</option> <option value=”1″>1</option> <option value=”2″>2</option>登录后复制   例如:   属性:disabled,可选值:disabled ,说明:规定禁用该下拉列表。   十二、label   abel 素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 素内文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。例如,当将单选按钮放在label内。则label内的文字也会触发单选按钮,而不必只是点中小圆点。   例如:   <label><input type=”radio” name=”male” />男人</label></p> <label><input type=”radio” name=”male” />女人</label></p>登录后复制   十三、禁用(disabled)与只读(readonly)   禁用和只读属性。readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单素都有效,包括select, radio, checkbox, button等。但是表单素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个素的值不会被传递出去,而readonly会将该值传递出去。   禁用文本框:   只读文本框:   十四、TextArea   十五、fieldset    定义域   fieldset用于给表单素分组,legend用于设置分组标题。   表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分: 表单标签,这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单域,包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮,包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。   推荐教程:《html视频教程》   以上就是HTML 的表单素有哪些的详细内容,更多请激活谷其它相关文章!

2024最新激活全家桶教程,稳定运行到2099年,请移步至置顶文章:https://sigusoft.com/99576.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处:https://sigusoft.com/64189.html

(0)
上一篇 2024年 8月 27日 下午7:20
下一篇 2024年 8月 27日 下午7:23

相关推荐

关注微信