实际用在HTML中的标签有form、 input、 textarea、 select和option。
表单标签form定义的表单里头,必须有行为属性action,它告诉表单当提交的时候将内容发往何处。
可选的方法属性method告诉表单数据将怎样发送,有get(默认的)和post两个值。常用到的是设置post值,它可以隐藏信息(get的信息会暴露在URL中)。
所以一个表单元素看起来是这样子的:
<form action="processingscript.htm" method="post"> </form>
input标签是表单世界中的“老大”。有10种形式,概括如下:
<input type="text" />是标准的文本框。它可以有一个值属性value,用来设置文本框里的默认文本。
<input type="password" /> 像文本框一样,但是会以星号代替用户所输入的实际字符。
<input type="checkbox" />是复选框,用户可以快速的选择或者不选一个条目。它可以有一个预选属性checked,像这样的格式<input type="checkbox" checked="checked" />.
<input type="radio" /> 与复选框相似,但是用户只可在一个组中选择一个单选按钮。它也有一个预选属性checked,使用方法跟复选框一样。
<input type="file" /> 是展示你电脑上的文件的一个区域,就像你在一个软件中打开或者保存一个文档一样。
<input type="submit" /> 是一个被点击后提交表单的按钮。你可以用值属性value来控制按钮上显示的文本(下面的button和reset类型也可以这样,稍后介绍),如下: <input type="submit" value="Ooo. Look. Text on a button. Wow" />.
<input type="image" />以图像代替按钮文本,src属性是必须的,像img标签一样。
<input type="button" />是一个如果没有其他代码的话什么都不做的按钮。
<input type="reset" /> 是一个点击后会重置表单内容的按钮。
<input type="hidden" /> 不会显示任何东西,它用来传输诸如用户正在用的页面的名字或者Email地址等表单必须传输的东西。
注意输入标签input也是用“/>”自关闭的。
多行文本输入框标签textarea基本上就是一个比较大的文本框。它必须有行属性rows和列属性cols,用法像这样:
<textarea rows="5" cols="20">A big load of text here</textarea>
选定标签select与选项标签option一起可以制作一个下拉选框。是这样工作的:
<select> <option value="first option">Option 1</option> <option value="second option">Option 2</option> <option value="third option">Option 3</option> </select>
当表单被提交时,被选中选项的值将被发送。
与复选框和单选按钮的预选属性checked一样,选项标签option也有一个预选属性selected,它可以用在这样的格式中:<option value="mouse" selected="selected">Rodent</option>。
上述的标签中在网页中看起来都不错,但是,如果你有一个程序来处理这个表单,这些标签都不起作用。这是因为,表单字段需要名称。所以所有的字段中都需要增加名称属性name,比如 <input type="text" name="talkingsponge" />。
一个表单看起来应该像下面这样(注意:这个表单不会工作,除非有一个用来提交数据的“contactus.htm”的文件,它位于表单标签form的行为属性action中。)
分享到:
相关推荐
关于表单提交的长度限制关于表单提交的长度限制关于表单提交的长度限制
关于表单的导出EXCEL设计,有时需要选择性的导出表单上的某些数据的解决方案
这是一个课本上的表单传递例子,很不错的呦!欢迎须下载!
我在文本框中录入当日产量,则在另外文本框中,当月的产量和当年的产量自动算出,请问如何实现。
web自定表单在企业级应用中有广泛的使用,比如工作流中工单的定义,企业信息的收集,网上自定报名表。总体思路和实现如下文。
用于注册和登陆模块,servlet处理表单,添加字符编码及权限过滤器。
本文列举了一些关于网页设计关于表单输入框的技巧代码。 1.取消按钮按下时的虚线框 在input里添加属性值hideFocus或者HideFocus=true 2.只读文本框内容 在input里添加属性值readonly 3.防止退后清空的TEXT...
css的几个小例子 css的几个小例子 css的几个小例子 css的几个小例子 css的几个小例子
本篇文章主要介绍了angular4中关于表单的校验示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
关于struts表单验证,关于struts表单验证,关于struts表单验证,
关于表单验证的一些小js使用说明,以及一些利用正则表达式的简单使用。
关于表单的两点交互体验改进技巧
一直复略了的一个问题,关于表单重复提交
2.1 关于表单 16 2.2 在表单中使用公式 17 2.2.1 数组和多值域 18 2.2.2 公式的类型 18 2.2.3 例子:一个组合框域 20 2.2.4 例子:$$Return域的公式 22 2.3 在表单中使用Web元素 22 2.3.1 嵌入Web元素 22 2.3.2 创建...
JAVA课必做实验,关于表单制作和操作,需要用于开发
非常好的一本书!很精悍的一本书,虽然内容不算多,但关于表单设计的方方面面基本上都覆盖到了,严重推荐前端朋友阅读。 【转载】
有关于HTML表单的详细使用方法和格式,让学者轻松、简单的掌握HTML表单的相关知识
她每月在www.usabilitynews.com撰写专栏“Caroline’s Corner”,阐述关于可用性的理念。 Gerry Gaffney经营着一家可用性咨询公司Information & Design Proprietary Ltd。主编过几期《用户体验》杂志,还创建了广受...