码迷,mamicode.com
首页 > Web开发 > 详细

HTML——form

时间:2015-04-20 20:34:33      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:

<form> 标签用于为用户输入创建 HTML 表单。

表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menustextareafieldsetlegend 和 label 元素

表单用于向服务器传输数据。

 

单选按钮的用法:

技术分享
<html>

<body>

<form>
男性:
<input type="radio" checked="checked" name="Sex" value="male" />
<br />
女性:
<input type="radio" name="Sex" value="female" />
</form>

<p>当用户点击一个单选按钮时,该按钮会变为选中状态,其他所有按钮会变为非选中状态。</p>

</body>
</html>
View Code

男性:  
女性: 

当用户点击一个单选按钮时,该按钮会变为选中状态,其他所有按钮会变为非选中状态。


 

 

关于label for的用法:

技术分享
<html>
<body>

<p>请点击文本标记之一,就可以触发相关控件:</p>

<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>

</body>
</html>
View Code

请点击文本标记之一,就可以触发相关控件:

  
 


 

关于<form action>的用法

技术分享
<html>
<body>

<form action="/example/html/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>

<p>请单击确认按钮,输入会发送到服务器上名为 "form_action.asp" 的页面。</p>

</body>
</html>
View Code

 

First name: 

Last name: 

请单击确认按钮,输入会发送到服务器上名为 "form_action.asp" 的页面。

HTML——form

标签:

原文地址:http://www.cnblogs.com/freeggache/p/4442332.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!