HTML的表单form以及form内部标签的使用

所属分类: 网页制作 / HTML/Xhtml 阅读数: 450
收藏 0 赞 0 分享

复制代码
代码如下:

<html>
<head>
<title> form表单的使用 </title>
<!--
标签名称:form 表单标签
属性:action:提交的去向,目标地址的url
method:设置提交请求的方式,get和post;默认为get
get和post提交有什么区别?------------------------
get传输:将内容信息放在地址栏传输,而且长度限制在1k,而且安全性不好。
post传输:将内容房子body信息中传输。没有长度限制。
子标签:
input标签:需要提交其中的value,必须有一个name属性。
属性:type:password 等
//------------
通过下面的实例的演示,发现在某些情况下可以用form去做链接,而且做链接的同时还能提交数据到
这个目标的地址文件上。
fieldset标签:定义域
legend标签:定义域的标题
-->
</head>
<body>
<fieldset>
<legend>form表单标签,子标签实例:</legend>
<form action="01列表.html" method="get">
<table border="1px" width="800px">
<tr>
列表标签:

<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat" selected="selected">Fiat</option>
<option value="audi">Audi</option>
</select>

</tr>
<tr>
复选框实例:

我喜欢自行车:
<input type="checkbox" name="Bike">

我喜欢汽车:
<input type="checkbox" name="Car">

</tr>
<tr>
单选按钮:

男性:
<input type="radio" checked="checked" name="Sex" value="male">

女性:
<input type="radio" name="Sex" value="female">
</form>
<p>当用户点击一个单选按钮时,该按钮会变为选中状态,其他所有按钮会变为非选中状态。</p>
</tr>
<tr>
文本域:

<textarea rows="10" cols="30">文本域标签的使用</textarea>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td>账号:</td>
<td>
<input name="userid">
</td>
</tr>
<tr>
<td>密码:</td>
<td>
<input name="pwd">
</td>
</tr>
<tr>
<td>
<input type="submit" value="确认提交"/>
</td>
<td>
<input type="reset" value="重置"/>
</td>
</tr>
</table>
</form>
</fieldset>
</body>
</html>

只要是有name和value属性的标签都可以放在form内部,同时也可以将这些标签的数据提交到另一个url。
更多精彩内容其他人还在看

W3C教程(14):W3C RDF和OWL活动

RDF 和 OWL 是两项重要的语义网技术。 RDF 和 OWL 是两项重要的语义网技术。 语义网 (Semantic Web) 语义网是为资产管理、企业整合及网络数据的共享和重用提供的一个框架。 语义网为企业、应
收藏 0 赞 0 分享

W3C教程(16):其他的W3C活动

本节概况了其他一些重要和有趣的 W3C 活动。 本节概况了其他一些重要和有趣的 W3C 活动。 Web Accessibility Initiative (WAI) WAI 定义了如何使残障人士更易使用 Web 内容的指
收藏 0 赞 0 分享

W3C教程(13):W3C WSDL 活动

Web Services 与应用程序到应用程序的通信有关。WSDL 是一门基于 XML 的 Web Services 描述语言。 Web Services 与应用程序到应用程序的通信有关。 WSDL 是一门基于 XML 的 Web Se
收藏 0 赞 0 分享

W3C教程(15):W3C SMIL 活动

SMIL 向 web 增加了对定时和媒介同步的支持。 SMIL 向 web 增加了对定时和媒介同步的支持。 SMIL SMIL (Synchronized Multimedia Integration Language)
收藏 0 赞 0 分享

深层优化 提高网站的访问速度的一些技巧

深层优化 提高网站的访问速度的一些技巧   网站访问速度可以直接影响到网站的流量,而网站的访问量几乎与网站的利益直接挂钩,因此网站的速度问题成为企业及站长十分关注的问题。现在网站越来越多,不少朋友的网站打开速度很
收藏 0 赞 0 分享

网页制作中使用规范的HTML代码的几点

许多网站设计者最常犯的错误便是当其网页能够在IE下正常显示便认为其代码正确无误,甚至常看到有人在抱怨其网站排名不理想,到其网站简单看一下便可发现HTML代码中充斥各种各样的错误,在那样的代码基础上无论付出多少努力去优化网站结果都可能
收藏 0 赞 0 分享

关于超链接的一些问题

很高兴参加了这一期的薯片会,认识了几个朋友~~不料的却是今天我要来总结一下 很高兴参加了这一期的薯片会,认识了几个朋友~~不料的却是今天我要来总结一下 本次薯片会我们总共讨论了三个议题: A、 如何让“用
收藏 0 赞 0 分享

入门:HTML的基本标签和属性简单介绍

HTML是由标志和属性构成的,它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件,属性是标志的选项,在标志中修饰,如颜色,对齐方式,高度和宽度等。很多标志都成对出现,例如有 就有 前一个表示开始
收藏 0 赞 0 分享

总结XHTML代码常见的应用问题

一段时间以来,发现有很多人XHTML都不会用,不光是普通的初学者,有的程序员都不是很清楚该怎么写这个XHTML,我这里呢算是把一些常见的应用问题做一个总结,也算能使得大家能在沟通,合作上能形成默契。 一段时间以来,发现有
收藏 0 赞 0 分享

作用相似html标记:strong与em、q、cite、blockquote

在XHTML标签中有一些标签的作用是相似的,当然这里的相似是指语义相似,以至于很多人都不清楚这些相似的标签如何使用,那么今天的主题就是分解相似的标签,明确各个标签的用途。在前面我们已经讲过了strong与em的区别。除了strong与em之外还有
收藏 0 赞 0 分享
查看更多