HTML——form

<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" 的页面。

posted @ 2015-04-20 18:29  坐观云起时  阅读(197)  评论(0编辑  收藏  举报