Maison > interface Web > tutoriel HTML > Comment utiliser les balises internes des formulaires HTML

Comment utiliser les balises internes des formulaires HTML

php中世界最好的语言
Libérer: 2018-02-03 09:37:55
original
1942 Les gens l'ont consulté

Cette fois, je vais vous montrer comment utiliser la balise de formulaire interne du formulaire html. Quelles sont les précautions lors de l'utilisation de la balise de formulaire interne du formulaire html. Ce qui suit est un cas pratique, jetons un coup d'œil.

<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>
Copier après la connexion

Liste des balises :

<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>
Copier après la connexion

case à cocherExemple :

J'aime les vélos :

<input type="checkbox" name="Bike">
Copier après la connexion

J'aime les voitures :

<input type="checkbox" name="Car">
</tr> 
<tr>
Copier après la connexion

Bouton radio :
Homme :

<input type="radio" checked="checked" name="Sex" value="male">
Copier après la connexion

Femme :

<input type="radio" name="Sex" value="female"> 
</form> 
<p>当用户点击一个单选按钮时,该按钮会变为选中状态,其他所有按钮会变为非选中状态。</p> 
</tr> 
<tr>
Copier après la connexion

Champ de texte :

<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>
Copier après la connexion

Tant que les balises ont des attributs de nom et de valeur, elles peuvent être placées à l'intérieur du formulaire, et celles-ci peuvent également être placé à l'intérieur du formulaire. Les données de la balise sont soumises à une autre URL.

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Comment définir la sélection par défaut pour l'option Sélectionner en HTML

Comment corriger la largeur du tableau - disposition du tableau : corrigé

Comment optimiser la zone de saisie HTML pour améliorer l'expérience utilisateur et la facilité d'utilisation

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal