Heim >Web-Frontend >HTML-Tutorial >Unverzichtbare HTML-Grundlagen – Formulare, Bild-Hotspots, Webseitenpartitionierung und detaillierte Erklärungen zum Zusammenfügen
Unverzichtbare HTML-Grundlagen – Formulare, Bild-Hotspots, Webseitenpartitionierung und detaillierte Erklärungen zum Zusammenfügen
- 高洛峰Original
- 2017-02-17 15:57:231539Durchsuche
1. Formular
1. Texteingabe
Textfeld
Hinweis: Das Festlegen des oben genannten Werts bedeutet das Festlegen des Standardwerts
Passwortfeld >
Textbereich Domäne ausblenden< ;input type="hidden" name="" id="" value="" />2. Schaltfläche „Senden“ Klicken Sie hier, um zur Adresse des Übermittlungsservers in der Form zu gelangen. Hinweis: Der oben festgelegte Wert stellt den oben während der Laufzeit angezeigten Text dar. Reset-SchaltflächeNormale Schaltfläche BildschaltflächeAnhang: Deaktiviert macht die Schaltfläche ungültig; aktivieren macht sie verfügbar. 3. Eingabe auswählen Optionsfeldgruppe ;Der Wert ist unsichtbar, er wird dem Programm übergeben und auf die Standardoption gesetzt. Hinweis: Die Optionsfeldgruppe kann nach der Auswahl nicht mehr gelöscht werden. Kontrollkästchengruppe Hinweis: „checked“ bedeutet, dass eines angezeigt wird. Es ist so ausgewählt, und das Kontrollkästchen kann aktiviert oder deaktiviert werden. Datei-Upload& lt; label & gt; Das Label-Element bietet dem Benutzer keine besonderen Effekte. Es verbessert jedoch die Benutzerfreundlichkeit für Mausbenutzer. Dieses Steuerelement wird ausgelöst, wenn Sie auf den Text innerhalb des Beschriftungselements klicken. Das heißt, wenn der Benutzer die Beschriftung auswählt, richtet der Browser den Fokus automatisch auf das Formularsteuerelement, das sich auf die Beschriftung bezieht.
& lt; label & gt; Die fors des Labels sollten mit dem ID-Attribut des relevanten Elements übereinstimmen.
Dropdown-Listenfeld
& lt; option value = "value" & gt;
Zusammenfassend:
Die Laufergebnisse zeigen:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body background="22.jpg"> <form> 账号：<input type="text" value="12345" disabled="disabled" /><br /><br /> 密码：<input type="password" /><br /><br /> 说说：<textarea cols="140" rows="8"></textarea><br /><br /> 请问：中华人民共和国成立于那一年？<input type="text" /> <input type="submit" value="提交" /> <input type="hidden" value="1949" /> <input type="reset" /><br /> <input type="button" value="登录" /><br /> <input type="image" src="55.jpg" /><br /> <input type="radio" name="sex" />男<br /> <input type="radio" name="sex" />女<br /> <input type="checkbox" checked="checked" />可乐<br /> <input type="checkbox" />鸡腿<br /> <input type="file" /><br /><br /> <select size="1"> <option value="11">可口可乐</option> <option value="22">雪碧</option> <option value="33" selected="selected">芬达</option> </select> </form> </body> </html>Beispielanalyse: Das E-Mail-Schnittstellenprogramm zeigt
und das laufende Ergebnis zeigt: 
2. Bild-Hotspots
规划出图片上的一个区域，可以做出超链接，直接点击图片区域就可以完成跳转的效果。
示例：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <img src="a006.jpg" usemap="ditu" / alt="Unverzichtbare HTML-Grundlagen – Formulare, Bild-Hotspots, Webseitenpartitionierung und detaillierte Erklärungen zum Zusammenfügen" > <map name="ditu"> <area shape="rect" coords="0,0,50,50" href="http://www.baidu.com" /> <area shape="circle" coords="265,118,80" href="http://qq.com" /> </map> </body> </html>
设计界面：矩形和圆形的地方在运行时，鼠标放上会变成小手状，表示有链接。
三、网页划区和拼接
划区：在一个网页里，规划出一个区域用来展示另一个网页的内容。
示例：
拼接：在一个网络页面内，规划出多个页面窗口，以表格拼接的形式展示出来。（可以想象一下监控画面，多个画面同时显示）
示例：
以上这篇Unverzichtbare HTML-Grundlagen – Formulare, Bild-Hotspots, Webseitenpartitionierung und detaillierte Erklärungen zum Zusammenfügen就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持PHP中文网。
更多Unverzichtbare HTML-Grundlagen – Formulare, Bild-Hotspots, Webseitenpartitionierung und detaillierte Erklärungen zum Zusammenfügen相关文章请关注PHP中文网！