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

最新推荐文章于 2024-07-17 22:23:53 发布

hymKing

最新推荐文章于 2024-07-17 22:23:53 发布

阅读量2.7k

点赞数 1

分类专栏： web前端文章标签：表单 form select checkbox radio

本文链接：https://blog.csdn.net/hymking/article/details/24820183

版权

web前端专栏收录该内容

21 篇文章 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>
		列表标签：<br>
			<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><br>
		</tr>
		<tr>
		复选框实例：<br>
			我喜欢自行车：
			<input type="checkbox" name="Bike">
			<br>
			我喜欢汽车：
			<input type="checkbox" name="Car"><br>
		</tr>
		<tr>
		单选按钮：<br>
		男性：
			<input type="radio" checked="checked" name="Sex" value="male">
			<br>
			女性：
			<input type="radio" name="Sex" value="female">
			</form>

			<p>当用户点击一个单选按钮时，该按钮会变为选中状态，其他所有按钮会变为非选中状态。</p>
		</tr>
		<tr>
		文本域：<br>
		<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。