HTML表单元素如何使用

这篇文章主要介绍了HTML表单元素如何使用的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇HTML表单元素如何使用文章都会有所收获，下面我们一起来看看吧。

创新互联建站是一家集网站建设,溧阳企业网站建设,溧阳品牌网站建设,网站定制,溧阳网站建设报价,网络营销,网络优化,溧阳网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

这个算是Html中的重中之重了，因为用的比较多，基本上所有的表单元素都包含在Form标签中。每一个表单中的空间要么独立存在，要么处于Input中，下面我们来详细了解下：

 #字段组
表单数据
 字段组名
表单控件的标记
 for必须指向id


文本输入框： 
密码输入框：
单选框：

多选框：




按钮：button1
下拉列表：

1
2
3
4

文本域：
 行占10个字符 列占20个字符，一个汉字等于两个字符
hello world

菜单：
 列表菜单 还有上下文菜单(context) 工具栏菜单(toolbar)

新建
打开
退出



 多选菜单项目 还有单选(radio)和命令(command)



提交：


Html5表单类型
预定义选项列表


  
  
  
  
  
 

表单的密钥对生成器字段
当提交表单时，私钥存储在本地，公钥发送到服务器。


输入框只允许数字输入


日期


颜色


范围


月份和年份


星期和年份


时间


日期时间选择(有时区)


日期时间选择(无时区)


邮箱


搜索


电话


url



action：处理表单数据的服务器脚本语言（如php）
method：请求方法 如get post
accept-charset：提交表单时的字符编码 如utf-8
target：页面跳转方式
autocomplete：自动完成表单 off关闭 on开启
enctype:表单数据的编码 如application/x-www-form-urlencoded(默认),multipart/form-data(文件上传),text/plain
novalidate：浏览器不验证表单


formtarget   覆盖target属性,用于type="submit"和type="image"。
formnovalidate覆盖novalidate属性,用于 type="submit"
formmethod   覆盖method 属性,用于 type="submit"以及type="image"
formenctype   覆盖enctype属性,用于type="submit"以及type="image",仅针对method="post"的表单
formaction   提交表单时处理该输入控件的文件的URL
form         规定input元素所属的一个或多个表单
autofocus     当页面加载时自动获得焦点
disabled     输入字段应该被禁用
max           输入字段的最大值
maxlength     输入字段的最大字符数
min           输入字段的最小值
pattern       通过其检查输入值的正则表达式
readonly     输入字段为只读
required     输入字段是必需的
size         输入字段的宽度
step         输入字段的合法数字间隔
value         输入字段的默认值
multiple     常用于邮箱和文件，可多个上传文件
placeholder   提示用户该如何正确输入

关于“HTML表单元素如何使用”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“HTML表单元素如何使用”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注创新互联行业资讯频道。