HTML中表单元素类型有几种,分别是什么

Admin 2022-08-24 群英技术资讯 374 次浏览

这篇文章主要介绍“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>


以上就是关于“HTML中表单元素类型有几种,分别是什么”的介绍了,感谢各位的阅读,希望这篇文章能帮助大家解决问题。如果想要了解更多知识,欢迎关注群英网络,小编每天都会为大家更新不同的知识。 群英智防CDN,智能加速解决方案

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

猜你喜欢

成为群英会员,开启智能安全云计算之旅

立即注册
专业资深工程师驻守
7X24小时快速响应
一站式无忧技术支持
免费备案服务
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
在线客服
微信公众号
返回顶部
返回顶部 返回顶部
在线客服
在线客服