HTML中表单元素类型有几种,分别是什么
Admin 2022-08-24 群英技术资讯 960 次浏览
这篇文章主要介绍“HTML中表单元素类型有几种,分别是什么”,有一些人在HTML中表单元素类型有几种,分别是什么的问题上存在疑惑,接下来小编就给大家来介绍一下相关的内容,希望对大家解答有帮助,有这个方面学习需要的朋友就继续往下看吧。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中,可以利用“font-style”属性让字体倾斜显示,该属性用于定义字体的风格,当属性的值为“oblique”时,会显示元素为倾斜的字体样式,只需要给文字元素添加“font-style:oblique”样式即可。
本篇文章手把手带大家使用CSS+jQuery实现一个文字转语音机器人,希望对大家有所帮助!
本文将向大家介绍 Chrome 87 开始支持的 CSS Overview Panel,并且介绍如何更好地利用这个面板。通过 CSS Overview Panel的介绍,希望对大家有帮助
这篇文章主要介绍了深入理解CSS中的vertical-align属性和基线问题,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
我们知道使用CSS可以实现很多有意思的特效效果,因此这篇文章给大家分享的是使用CSS实现融化成水滴滴落的效果,实现效果如下,那么这个效果是怎样做的呢?接下来跟随小编一起学习一下吧。
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
7x24小时售前:400-678-4567
7x24小时售后:0668-2555666
24小时QQ客服
群英微信公众号
CNNIC域名投诉举报处理平台
服务电话:010-58813000
服务邮箱:service@cnnic.cn
投诉与建议:0668-2555555
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 ICP核准(ICP备案)粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008