HTML表单常用标签
名称 |
用例 |
备注 |
文
本 输入框 |
<input type="text" name="uname" value="" placeholder="请输入您的用户名" /> |
placeholder:提示信息 |
<input type="text" name="realname" value="无名"/> |
value:默认值 |
|
密 |
<input type="password" name="pwd" value="" /> |
|
单 |
<input type="radio" name="gender" value="1" />男 <input type="radio" name="gender" value="2"checked="checked" />女 <input type="radio" name="gender" value="3" />未知 |
checked="checked" 默认选择 |
多 |
<input type="checkbox" name="fav" value="1" />刘备<inputtype="checkbox" name="fav" value="2" />关羽 <input type="checkbox" name="fav" value="3"checked="checked" />张飞 <input type="checkbox" name="fav" />赵云 |
|
选 |
<input type="number" name="age" value="18" min="16"max="60" /> |
|
下 |
<select name="address"> <option value="1">山东省</option> <option value="2" selected="selected">北京市</option> <option value="3">河北省</option> <option value="4">河南省</option> <option value="5">安徽省</option> <option value="6">福建省</option> <option value="7">湖南省</option> <option value="8">湖北省</option> <option value="9">新疆维吾尔族自治区</option> </select> |
selected="selected" 默认显示,不选择,不提交 |
<select name="un" multiple="multiple"size="2"> |
可以多选; size显示的数量 |
|
时间 |
<input type="date" name="birthday" /> |
Type:可以换属性 |
颜色 |
<input type="color" name="cc" /> |
|
文件上传 |
<input type="file" name="photo" /> |
|
长文本 |
<textarea name="introduce" rows="5" cols="50">默认值显示...</textarea> |
|
图片 |
<input type="image" src="img/123.jpg" width="100px" /> |
|
按钮 |
<input type="submit" value="提交" /> |
|
<input type="reset" value="重置" /> |
||
<input type="button" value="普通按钮" onclick="alert('功能有待实现');" /> |
实例:
HTML表单常用标签的更多相关文章
- HTML 和 form 表单常用标签
HTML和CSS 常用标签: p:段落,自动换行 span:和div类似,但是默认不换行 br:换行 hr:分割线 h1-h6:标题标签 a:超链接 瞄点:通过给a链接设置#XX作为链接,给需要链接的 ...
- html5 form表单常用标签
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- web(四)html表单类标签
表单类标签 操作者用于输入信息,并将信息提交给服务器的标签集合. 表单标签介绍 form标签:表单元素(其余标签)标签的容器标签 input标签:用于用户信息输入的标签. button标签:按钮标签. ...
- 12种炫酷HTML5 SVG和CSS3表单浮动标签特效
这是一组效果非常炫酷的HTML5 SVG和CSS3表单浮动标签特效.这组浮动标签特效共12种效果,使用SVG和CSS3来制作完成.这些浮动标签效果部分在元素的伪元素上使用CSS transitions ...
- html/form表单常用属性认识
1.form表单常用属性练习 <style> .form1 { margin: auto; height: 900px; width: 500px; text-align: center; ...
- HTML表单提交标签
<form>表单提交标签,设置提交范围 有name属性才能被提交 action:提交的地址url method:提交方式 get方式(默认):会将参数拼接在连接后,有大小限制(4k) po ...
- <form>(表单)标签和常用的类型
1.定义和用法 <form> 标签用于为用户输入创建 HTML 表单. 表单能够包含 input 元素,比如文本字段.复选框.单选框.提交按钮等等. 表单还可以包含 menus.texta ...
- 表单相关标签之form标签
表单能够包含 input 元素,比如文本字段.复选框.单选框.提交按钮等等. 表单还可以包含 menus.textarea.fieldset.legend 和 label 元素以及其它块级元素 表单用 ...
- 前端开发-4-HTML-table&form&表单控制 标签
1.table标签 <!DOCTYPE html> <html lang="cn"> <head> <meta charset=" ...
随机推荐
- 【51nod 1092】 回文字符串(区间DP)
回文串是指aba.abba.cccbccc.aaaa这种左右对称的字符串.每个字符串都可以通过向中间添加一些字符,使之变为回文字符串. 例如:abbc 添加2个字符可以变为 acbbca,也可以添加3 ...
- Jmeter接口测试实战-Cookies
场景: 接口测试时常都需要登录,请求方式(post), 登录常用的方法有通过获取token, 获取session, 获取cookie, 等等. 这几种都有一个共同的特点, 有效期(expires). ...
- Coloring Brackets (区间DP)
Once Petya read a problem about a bracket sequence. He gave it much thought but didn't find a soluti ...
- 65.什么是IOC?【从零开始学Spring Boot】
[从零开始学习Spirng Boot-常见异常汇总] 这个小节吧,是无意当中看了一篇文章,觉得介绍的特别好,引用到我的博客中,让大家也乐下.那么他是怎么解说IOC的呢?看如下: 套用好莱坞的一句名言就 ...
- E题
题目大意: 找到一个最小的l值,使得a到b-l+1中任取一个数开始前进l次,中间包含至少有k个素数,如果找不到,返回-1: 运用素数打表法和2分法便能简单搞定: 题目链接:http://codefor ...
- UVA12345 (带修改的莫队)
UVA12345 Dynamic len Problem : 给一个序列,每次询问一个区间里面的数字种类数量,或者修改某一个位置的值. Solution : 第一关键字分块排序左端点,第二关键字分块排 ...
- hdu 4043 FXTZ II [ 概率 + Java大数]
传送门 FXTZ II Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total ...
- php 基础复习 2018-06-18
(1)cookie相关 cookie 常用于识别用户.cookie 是服务器留在用户计算机中的小文件.每当相同的计算机通过浏览器请求页面时,它同时会发送 cookie. 如何创建 cookie? se ...
- 关于HTML文件、JS文件、CSS文件
把JS和CSS脚本写在html里和写在独立文件里有什么区别? 1. 都写在html里是性能最优的方案. 2. 都写在html里是可维护性最差的方案. 3. 分开写在js.css.html是可维护性最有 ...
- poj1190,DFS/已知一个等式,求另一个最小值
7月17日是Mr.W的生日,ACM-THU为此要制作一个体积为Nπ的M层生日蛋糕,每层都是一个圆柱体. 设从下往上数第i(1 <= i <= M)层蛋糕是半径为Ri, 高度为Hi的圆柱. ...