Unverzichtbare HTML-Grundlagen – Formulare, Bild-Hotspots, Webseitenpartitionierung und detaillierte Erklärungen zum Zusammenfügen

高洛峰
Freigeben: 2017-02-17 15:57:23
Original
1513 Leute haben es durchsucht

1. Formular

get Es gibt eine Längenbeschränkung für die Übermittlung und der codierte Inhalt ist in der Adressleiste sichtbar. Es gibt keine Längenbeschränkung für die Übermittlung von Beiträgen und der codierte Inhalt ist nicht sichtbar.

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äche

Normale Schaltfläche

Bildschaltfläche

Anhang:

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>
Nach dem Login kopieren

Beispielanalyse: Das E-Mail-Schnittstellenprogramm zeigt



und das laufende Ergebnis zeigt: Unverzichtbare HTML-Grundlagen – Formulare, Bild-Hotspots, Webseitenpartitionierung und detaillierte Erklärungen zum Zusammenfügen

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>
Nach dem Login kopieren

设计界面:矩形和圆形的地方在运行时,鼠标放上会变成小手状,表示有链接。

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

拼接:在一个网络页面内,规划出多个页面窗口,以表格拼接的形式展示出来。(可以想象一下监控画面,多个画面同时显示)

示例:

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就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持PHP中文网。

更多Unverzichtbare HTML-Grundlagen – Formulare, Bild-Hotspots, Webseitenpartitionierung und detaillierte Erklärungen zum Zusammenfügen相关文章请关注PHP中文网!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage