Home > Article > Web Front-end > HTML form and the use of tags inside the form

HTML form and the use of tags inside the form

巴扎黑Original: 2017-06-27 09:56:381363browse

This article mainly introduces the use of HTML's form form and the internal tags of the form. Friends in need can refer to the

code as follows:

<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>

As long as it is Tags with name and value attributes can be placed inside the form, and the data of these tags can also be submitted to another URL.

The above is the detailed content of HTML form and the use of tags inside the form. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Introduction to HTML table and form tagsNext article：Introduction to HTML table and form tags

See more

HTML form and the use of tags inside the form

Related articles