http://www.w3school.com.cn/tags/att_input_type.asp
定义和用法
type 属性规定 input 元素的类型。
实例
下面的表单拥有两个输入字段以及一个提交按钮:
<form action="form_action.asp" method="get">
<p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
<input type="submit"
value="Submit" />
</form>
亲自试一试
(您在页面下面可以找到更多例子)
语法
<input type="value
">
属性值
值
描述
button |
定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本)。 |
checkbox |
定义复选框。 |
file |
定义输入字段和 "浏览"按钮,供文件上传。 |
hidden |
定义隐藏的输入字段。 |
image |
定义图像形式的提交按钮。 |
password |
定义密码字段。该字段中的字符被掩码。 |
radio |
定义单选按钮。 |
reset |
定义重置按钮。重置按钮会清除表单中的所有数据。 |
submit |
定义提交按钮。提交按钮会把表单数据发送到服务器。 |
text |
定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。 |
Text
<input type="text" /> 定义用户可输入文本的单行输入字段。
Email: <input type="text" name="email" />
Pin: <input type="text" name="pin" />
TIY
Button
<input type="button" /> 定义可点击的按钮,但没有任何行为。button 类型常用于在用户点击按钮时启动 JavaScript 程序。
<input type="button" value="Click me" onclick="msg()" />
TIY
Checkbox
<input type="checkbox" /> 定义复选框。复选框允许用户在一定数目的选择中选取一个或多个选项。
<input type="checkbox" name="vehicle" value="Bike" /> I have a bike
<input type="checkbox" name="vehicle" value="Car" /> I have a car
TIY
File
<input type="file" /> 用于文件上传。
<input type="file" />
TIY
Hidden
<input type="hidden" /> 定义隐藏字段。隐藏字段对于用户是不可见的。隐藏字段通常会存储一个默认值,它们的值也可以由 JavaScript 进行修改。
<input type="hidden" name="country" value="Norway" />
TIY
Image
<input type="image" /> 定义图像形式的提交按钮。
必须把 src 属性
和 alt 属性
与 <input type="image"> 结合使用。
<input type="image" src="submit.gif" alt="Submit" />
TIY
Password
<input type="password" /> 定义密码字段。密码字段中的字符会被掩码(显示为星号或原点)。
<input type="password" name="pwd" />
TIY
Radio
<input type="radio" /> 定义单选按钮。单选按钮允许用户选取给定数目的选择中的一个选项。
<input type="radio" name="sex" value="male" /> Male
<input type="radio" name="sex" value="female" /> Female
TIY
Reset Button
<input type="reset" /> 定义重置按钮。重置按钮会清除表单中的所有数据。
<input type="reset" />
TIY
Submit
<input type="submit" /> 定义提交按钮。提交按钮用于向服务器发送表单数据。数据会发送到表单的 action 属性中指定的页面。
<form action="form_action.asp" method="get">
Email: <input type="text" name="email" />
<input type="submit" />
</form>
分享到:
相关推荐
<attribute> 以对象的形式代表了 HTML 元素的标签属性或属性。 <B> 指定文本应以粗体渲染。 <base> 指定一个显示 URL 用于解析对于外部源的链接和引用,如图像和样式表。 <baseFont> 设置渲染文本时作为缺省字体的...
<select></select>标签是选项标签,里面加入option可以作为选项 2.1.3框架<frame>和框架集<frameset>` 二.css 1.这个用来设置标签样式有好处 采用外部样式设置页面一来可以减少代码的瘫肿;二来可以时开发页面...
html常用标签总结,包含各种表单标签 1.表单:<form></form> 主要属性:id name action method ...单选框和复选框:<input type="radio"/> <input type="checkbox"/> checked属性值为 true 或 false
根据不同的 type 属性,输入字段有多种形态:文本框复选框密码框单选按钮按钮……1表单元素-文本框文本框:允许用户输入单行的文本,这个控件常用来输入姓名、地址和电子邮件等,一般语法如下:<input type= "text" ...
创建一个 <input> 元素必须同时设定 type 属性。因为微软规定 <input> 元素的 type 只能写一次。 jQuery 代码: // 在 IE 中无效: $("<input>").attr("type", "checkbox"); // 在 IE 中有效: $("<input type='...
- 添加`<button>`或`<input type="submit">`元素作为提交按钮。 - 根据需要添加其他元素,如标签、提示信息等。 2. CSS样式: - 使用CSS设置整体页面布局,包括标头、主体内容、页脚等。 - 设置表单样式,如字体、...
<br>Safari 2 3575ms 475ms 753% <br>Opera 9.1 3196ms 326ms 980% <br>Average improvement: 867% <br><br>下表为jQuery1.1.3与常用的一些JS库选择器的对比:<br>Browser Prototype jQuery Mootools Ext Dojo <br>...
这些都是新增的标签:<article>、<section>、<aside>、<hgroup>、<header>,<footer>、<nav>、<time>、<mark>、<figure> 和 <figcaption>。 这些标签被除了IE 外的所有现代浏览器(Firefox 3+、Safari 3.1+、...
标签之间没有body体时,可用<名称 属性 />来结束 2、 标签作用: html 是根标签,所有的代码都在<html> </html> 之间。 input 文本标签(用type来区分是文本框、密码框、还是按钮) br 换行(是一个单标签,可...
<type>varchar</type> <size>255</size> <option>00</option> </field> </action> 3.2.2 删除表 <action> <command>drop</command> <table>tablename</table> </action> 3.2.3 添加、删除列 <action> ...
<script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); </script> </head> ...
<xp:inputText id="numSales"></xp:inputText> <xp:scriptBlock> <xp:this.value><![CDATA[ dojo.addOnLoad(function(){ new dijit.form.NumberSpinner({ name:"#{id:numSales}", value:50, smallDelta:1, ...
标记在使用时,用尖括号 "<>",标记的分类 1、封闭类型的标记 也称为 "双标记" , 必须成对出现 语法:<标记>内容</标记> Demo : 1、创建 p 标记 --<p>...</p> 2、创建 div 标记 -- <div></div> 3、创建 ...
<head>……</head>:HTML文件的头部标记,在其中可以放置页面的标题以及文件信息等内容,习惯将这两个标签之间的内容统称为HTML的头部。 <body>……</body>:用来指明文档的主体区域,网页所要显示的内容都要放置...
1. 表格——<table><tr><th><td> 7 2. table的属性 7 3. 表格分列——水平分列和竖直分列 7 Body体里面的标签——表单 8 1. 表单标签——get、post 8 2.表单控件——<input type=“text/password/checkbox/file.....
<br/>a) 在Source模式下的Default.aspx文件中添加html控件Button,作为刷新促发:<br/><input type=”button” value=”ReFresh” onclick=”VcgReFresh();” style=”height: 24px;width:90px” /><br/>然后在Design...
创建一个 <input> 元素必须同时设定 type 属性。因为微软规定 <input> 元素的 type 只能写一次。 jQuery 代码: // 在 IE 中无效: $("<input>").attr("type", "checkbox"); // 在 IE 中有效: $("<input type='...
<input type=text onkeypress="return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf(".")<0?event.keyCode==46:false)" onpaste="return !clipboardData.getData("text").match(/D/)" ondragenter=...
看上面的"结构树",其中<myfile>是父元素,<title>,<author>是它的子元素,而<myfile>又是<filelist>的子元素。象<title>这样没有包含任何子元素的最后一级元素我们也称之为"页元素"。 4.Parser(解析软件) Parser...
input type="image" src=""/> * 普通按钮 type="button" 6、div和span * div: 自动换行 * span:在一行显示 CSS 1、css的简介 * css: 层叠样式表 ** 层叠:一层一层的 ** 样式表: 很多的属性和...