HTML中表单元素类型有几种,分别是什么
Admin 2022-08-24 群英技术资讯 527 次浏览
1、表单标签
<form action="提交地址" method="提交方式"></form>
表单边框标签:fieldset
2、表单元素分为三类:
(1)文本类型:
文本框:text 属性有:disabled(不可操作)、readonly(只读)、placeholder(默认提示文字)
账号:<input type="text">
密码框:password
密码:<input type="password">
隐藏域:hidden
多行文本(特殊格式):textarea
<textarea name="" ></textarea>
(2)选择类型:
单选:radio 属性有:disabled(不可操作)、checkbox(默认选中的)
性别:<input type="radio">男 <input type="radio">女
多选:checkbox
爱好:<input type="checkbox">打游戏 <input type="checkbox">看电视 <input type="checkbox">看书
下拉(特殊格式):select option 属性(option的属性):selected(默认选中)、multiple(全部显示) 属性(select的属性):size(显示几条)
<select name="" > <option value="">汉族</option> <option value="">满族</option> <option value="">壮族</option> <option value="">回族</option> </select>
(3)按钮类型 :
普通:button
<input type="button" value="点我试试">
提交:submit
<input type="submit" value="提交按钮">
复位:reset
<input type="reset" value="清空">
其他:
1、autofocus属性(聚焦)
实例:
2、optgroup定义选项组
实例:
注意:
methon:
get传值(键值对,显示在网页的路径上,路径后面加数据)
post(网络传值) 一般都用post 格式:
<form action="#" method="post" enctype="multipart/form-data">
Html5新增:
<input type="color"><br>
<input type="date"><br>
<input type="search"><br>
<input type="week"><br>
<input type="text" name="" list="list">
<datalist ></option>
</datalist>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
这篇文章给大家分享的是有关CSS边距重叠问题,在使用CSS排版布局时,会发现兄弟或者父子节点设置的上下外边距会发生重叠现象,那么这个重叠的问题要如何解呢?下面我们一起来了解看看。
思维导图又称之为脑图,本篇文章主要介绍了使用css3实现思维导图样式,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本篇文章给大家带来了css中关于盒子模型的诸多属性详细解析,其中包括边框、边距、圆角等等,希望对大家有帮助。
这篇文章主要介绍了纯css3制作煽动翅膀的蝴蝶的示例的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
CSS中避免和解决高度塌陷问题怎样做?一些朋友可能会遇到这方面的问题,对此在下文小编向大家来讲解一下,内容详细,易于理解,希望大家阅读完这篇能有收获哦,有需要的朋友就往下看吧!
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008