html中的表单标签及表单元素
1、表单标签
<form action="提交地址" method="提交⽅式"></form>
表单边框标签:fieldset
2、表单元素分为三类:
(1)⽂本类型:
⽂本框:text 属性有:disabled(不可操作)、readonly(只读)、placeholder(默认提⽰⽂字)
账号:<input type="text">
密码框:password
密码:<input type="password">
隐藏域:hidden
多⾏⽂本(特殊格式):textarea
<textarea name="" id="" ></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="" id="">
<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定义选项组
实例:
注意:html中提交表单用什么属性
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 id="list">
<option value="aaa"></option>
<option value="vvv"></option>
<option value="ddd"></option>
</datalist>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论