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如何进行性能优化？下面本篇文章给大家介绍一些CSS性能优化的小技巧，希望对大家有所帮助！

• CSS盒子模型属性有哪些，作用是什么

  所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。

• 用纯CSS写一个折叠菜单的方法及过程是什么

  这篇文章主要介绍了纯css实现多级折叠菜单折叠树效果，运用checkbox的checked值来判断下级栏目是否展开，通过css3选择器提供的checked伪类来实现此效果，感兴趣的朋友参考下吧

• 详解CSS实现定位HTML元素的知识有哪些

  详解CSS实现定位HTML元素的知识有哪些？小编觉得挺不错的，对大家学习或是工作可能会有所帮助，对此分享发大家做个参考，希望这篇文章能帮助大家解决问题。

• HTML+CSS怎样写带文字和图标的按钮，代码是什么

  网站按钮在网站开发中是必不可少的，其实我们在按钮开发的时候会分成文字的和带图标的按钮，下文是css实现纯文字和带图标的按钮的代码