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=" ...
随机推荐
- Hibernate入门(1)——环境搭建
什么是Hibernate?为什么使用Hibernate?Hibernate有什么优缺点?网上很多大神的文章又详细又通俗易懂. 步骤: 1.创建数据库表格. 2.编写JavaBean实体类. 3.下载H ...
- openstack创建虚拟机之后使用ssh登陆的解决办法
创建一个虚机之后:若果想要在horizon的控制台上登录操作,第一步.需要先使用ssh从controller上修改密码 从controller上登录: ssh ubuntu@虚机ip sudo su ...
- XTUOJ 15503 - C
15503 - C Accepted: 6 Submissions: 27 Time Limit: 3000 ms Memory Limit: 1048576 KB 在解决了小女孩的 ...
- hls简述(HTTP live Streaming)
hls官方地址:https://developer.apple.com/streaming/ IDR: Instantaneous Decoding Refresh (IDR) start code ...
- 【Ajax 1】Ajax与传统Web开发的区别
导读:从用户体验度的角度来说,利用Ajax进行开发的网站,其体验度高于利用传统Web开发技术,那么,是什么因素导致了这一现象呢?难道说Ajax开发,就一定优于传统Web技术吗?本篇文章,将主要介绍Aj ...
- [codeforces538E]Demiurges Play Again
[codeforces538E]Demiurges Play Again 试题描述 Demiurges Shambambukli and Mazukta love to watch the games ...
- LeetCode:不同路径&不同路径II
不同路径一个机器人位于一个 m x n 网格的左上角 (起始点在下图中标记为“Start” ). 机器人每次只能向下或者向右移动一步.机器人试图达到网格的右下角(在下图中标记为“Finish”). 问 ...
- HDU4462稻草人
l问题描述:有一块N*N的玉米田(N<=50),给定K个(X,Y)的坐标位置(K<=10)和相应的覆盖范围,请问,至少在这K个位置中选择几个放置稻草人,能保证玉米田全被覆盖? #i ...
- 洛谷P1504 积木城堡
题目描述 XC的儿子小XC最喜欢玩的游戏用积木垒漂亮的城堡.城堡是用一些立方体的积木垒成的,城堡的每一层是一块积木.小XC是一个比他爸爸XC还聪明的孩子,他发现垒城堡的时候,如果下面的积木比上面的积木 ...
- hdu 4539
#include<stdio.h> #include<string.h> ]; int s]; int main() { int i,j,n,m; int ch; while( ...