Heim > Artikel > Web-Frontend > Anwendungsbeispiel des Typattributs des Formular-Tags in HTML
Anwendungsbeispiel des Typattributs des Formular-Tags in HTML
- 不言Original
- 2018-08-20 18:03:433065Durchsuche
Der Inhalt dieses Artikels befasst sich mit den Anwendungsbeispielen des Typattributs von Formular-Tags. Ich hoffe, dass er für Freunde hilfreich ist.
<input/>单标签 <input type="text(文本)"/>
Typattribut:
Text (einzeiliges Texteingabefeld)
-
Passwort (Passwort-Eingabefeld)
Radio (Radio-Button)
Checkbox (Checkbox)
Button (normaler Button)
Senden (Schaltfläche „Senden“)
Zurücksetzen (Schaltfläche „Zurücksetzen“)
Bild (Schaltfläche „Senden“ für das Bild im Formular)
Datei (Dateidomäne)
Name Name des benutzerdefinierten Steuerelements
Wert Benutzerdefiniert Standardtextwert im Eingabesteuerelement
Größe Positive Ganzzahleingabe Die Anzeigebreite des Steuerelements auf der Seite
aktiviert aktiviert Definiert die standardmäßig ausgewählten Elemente des Auswahlsteuerelements
maxlength positive integer Die maximale Anzahl von Zeichen, die vom Steuerelement eingegeben werden dürfen
<!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>Verwandte Empfehlungen:
Was bedeutet das HTML-Strong-Tag? Spezifische Verwendungseinführung von Strong-Tags in HTML
Welche Funktion hat das HTML-Link-Tag? Definition und Attributeinführung des HTML-Link-Tags
Das obige ist der detaillierte Inhalt vonAnwendungsbeispiel des Typattributs des Formular-Tags in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!