首页 / 知识

html的form内部标签应该如何使用

2023-04-11 15:00:00

　　<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>
 
　　<formaction="01列表.html"method="get">
 
　　<tableborder="1px"width="800px">
 
　　<tr>
 
　　列表标签：
 
　　<selectname="cars">
 
　　<optionvalue="volvo">Volvo</option>
 
　　<optionvalue="saab">Saab</option>
 
　　<optionvalue="fiat"selected="selected">Fiat</option>
 
　　<optionvalue="audi">Audi</option>
 
　　</select>
 
　　</tr>
 
　　<tr>
 
　　复选框实例：
 
　　我喜欢自行车：
 
　　<inputtype="checkbox"name="Bike">
 
　　我喜欢汽车：
 
　　<inputtype="checkbox"name="Car">
 
　　</tr>
 
　　<tr>
 
　　单选按钮：
 
　　男性：
 
　　<inputtype="radio"checked="checked"name="Sex"value="male">
 
　　女性：
 
　　<inputtype="radio"name="Sex"value="female">
 
　　</form>
 
　　<p>当用户点击一个单选按钮时，该按钮会变为选中状态，其他所有按钮会变为非选中状态。</p>
 
　　</tr>
 
　　<tr>
 
　　文本域：
 
　　
 
　　
 
　　<textarearows="10"cols="30">文本域标签的使用</textarea>
 
　　</tr>
 
　　<tr>
 
　　</tr>
 
　　<tr>
 
　　</tr>
 
　　<tr>
 
　　<td>账号：</td>
 
　　<td>
 
　　<inputname="userid">
 
　　</td>
 
　　</tr>
 
　　<tr>
 
　　<td>密码：</td>
 
　　<td>
 
　　<inputname="pwd">
 
　　</td>
 
　　</tr>
 
　　<tr>
 
　　<td>
 
　　<inputtype="submit"value="确认提交"/>
 
　　</td>
 
　　<td>
 
　　<inputtype="reset"value="重置"/>
 
　　</td>
 
　　</tr>
 
　　</table>
 
　　</form>
 
　　</fieldset>
 
　　</body>
 
　　</html>
 
　　只要是有name和value属性的标签都可以放在form内部，同时也可以将这些标签的数据提交到另一个url。








本文转载自中文网

标签提交表单地址目标属性

最新内容

相关内容

热门文章

推荐文章

标签云

猜你喜欢