Home >Web Front-end >HTML Tutorial >How to use html form internal tags
This time I will show you how to use the internal form tags of html. What are the precautions when using the internal tags of html form. The following is a practical case, let's take a look.
<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>
List tag:
<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>
CheckboxExample:
I like bikes:
<input type="checkbox" name="Bike">
I like cars:
<input type="checkbox" name="Car"> </tr> <tr>
Radio button:
Male:
<input type="radio" checked="checked" name="Sex" value="male">
Female:
<input type="radio" name="Sex" value="female"> </form> <p>当用户点击一个单选按钮时，该按钮会变为选中状态，其他所有按钮会变为非选中状态。</p> </tr> <tr>
Text field:
<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 the tags with name and value attributes can be placed inside the form, the data of these tags can also be submitted to another URL.
I believe you have mastered the methods after reading these cases. For more exciting information, please pay attention to other related articles on the php Chinese website!
Related reading:
How to set the default selection for the Select option in Html
How to fix the width of the table table- layout: fixed
How to optimize the HTML input box to improve user experience and ease of use
The above is the detailed content of How to use html form internal tags. For more information, please follow other related articles on the PHP Chinese website!