Maison > Article > interface Web > Exemple d'application de l'attribut type de la balise form en HTML
Exemple d'application de l'attribut type de la balise form en HTML
- 不言original
- 2018-08-20 18:03:433022parcourir
Le contenu de cet article concerne les exemples d'application de l'attribut type des balises de formulaire en HTML. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.
<input/>单标签 <input type="text(文本)"/>
attribut de type :
texte (zone de saisie de texte sur une seule ligne)
mot de passe (zone de saisie du mot de passe )
radio (bouton radio)
case à cocher (case à cocher)
bouton (bouton normal )
soumettre (bouton de soumission)
reset (bouton de réinitialisation)
image (Soumettre bouton sous forme d'image)
fichier (domaine de fichier)
nom Nom du contrôle personnalisé
valeur Personnalisé Valeur de texte par défaut dans le contrôle d'entrée
taille Entier positif La largeur d'affichage du contrôle de saisie sur la page
checked vérifié Définit les éléments sélectionnés par défaut du contrôle de sélection
maxlength Entier positif Le nombre maximum de caractères autorisés à être saisis par le contrôle
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>表单设置</title></head><body>
<table width="500" border="0" cellpadding="0" cellspacing="0" align="center">
<caption><h3 style="color: pink;">青春不常在，抓紧谈恋爱</h3></caption>
<tr height="60">
<td>性别</td>
<td style="color: blue;">
<img src="boy.jpg" />男<input type="radio" name="sex" />
<img src="girl.jpg" />女<input type="radio" name="sex" />
</td>
</tr>
<tr height="60">
<td>生日</td>
<td>
<select name="" id="">
<option value="">选择年份</option>
<option value="">142</option>
<option value="">2234</option>
<option value="">3342</option>
<option value="">2124</option>
</select>
<select name="" id="">
<option value="">选择月份</option>
<option value="">1月份</option>
<option value="">2月份</option>
<option value="">3月份</option>
<option value="">2月份</option>
</select>
<select name="" id="">
<option value="">选择日</option>
<option value="">1号</option>
<option value="">2号2</option>
<option value="">3号</option>
<option value="">2号1</option>
</select>
</td>
</tr>
<tr height="60">
<td>所在地区</td>
<td >
<input type="text" value="北疆" style="color：gray；" />
</td>
</tr>
<tr height="60">
<td>所在地区编码</td>
<td >
23 <input type="checkbox" />
34 <input type="checkbox" />
56 <input type="checkbox" />
67 <input type="checkbox" />
</td>
</tr>
<tr height="60">
<td>用户名</td>
<td >
<input type="text" />
</td>
</tr>
<tr height="60">
<td>密码</td>
<td >
<input type="password" maxlength="6" />//控制最多输入6个字 </td>
</tr>
<tr height="60">
<td>注册</td>
<td >
<input type="button" value="注册" />
<input type="button" value="提交" />
<input type="button" value="失败" />
<input type="image" src="zhuce.jpg" />
</td>
</tr>
<tr height="60">
<td>上传头像</td>
<td >
<input type="flie" >
</td>
</tr>
<tr height="60">
<td>自我介绍</td>
<td >
<textarea width= "500"></textarea><!--多行文本框-->
</td>
</tr>
<tr height="60">
<td></td>
<td ><!--图像按钮-->
<input type="image" src="zhuce.jpg" >
</td>
</tr>
<tr height="60">
<td></td>
<td > <!--选择-->
我同意 <input type="checkbox" />
</td>
</tr>
<tr height="60">
<td></td>
<td >
<ins>我是会员立即注册</ins>
</td>
</tr>
<tr height="60">
<td></td>
<td >
<h3>我承诺</h3>
<ul>
<li>辅导班v</li>
<li>发给你发</li>
<li>vfbf</li>
<li>房间打开</li>
</ul>
</td>
</tr>
</table></body></html>Recommandations associées :
Que signifie la balise html strong ? Introduction à l'usage spécifique de la balise strong en html
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!