Heim > Artikel > Web-Frontend > Einführung in Wissenspunkte im Zusammenhang mit HTML-Formularen
Einführung in Wissenspunkte im Zusammenhang mit HTML-Formularen
- 巴扎黑Original
- 2017-06-26 11:50:561681Durchsuche
Formular:
......Die Namen müssen gleich sein!! !!!!!!
Formularrahmen
Bildlaufleiste hinzufügen:
Keine vertikale Bildlaufleiste
Keine Bildlaufleiste
Legen Sie die Bildlaufleiste des mehrzeiligen Textfelds fest
Keine horizontale Bildlaufleiste
< textarea style="overflow-x:hidden">< /textarea>
Keine vertikale Bildlaufleiste
< > < /textarea>
Keine Bildlaufleiste
< textarea style="overflow-x:hidden;overflow-y:hidden">< /textarea> :hidden">< /textarea>
3. Legen Sie die Farbe der Fenster-Bildlaufleiste fest
Setzen Sie die Farbe der Fenster-Bildlaufleiste auf Rot
Fügen Sie einen kleinen Spezialeffekt hinzu:
Definieren Sie in der Stylesheet-Datei eine Klasse, ruft das Stylesheet auf.
Aufruf wie folgt:
< textarea class="coolscrollbar">< /textarea>
Textarea-Farb- und Rahmeneinstellungen:
< textarea style="border:red solid;border-width:1 1 1 1;color:#CCCCCC; " >< /textarea>
Die möglichen Werte von overflow-x und overflow-y sind: sichtbar (Standardwert), versteckt, automatisch, scrollen.
sichtbar: Die Bildlaufleiste wird nie angezeigt und die Größe des Textbereichs wird automatisch entsprechend der Zunahme des Inhalts vergrößert, um den gesamten Inhalt anzuzeigen.
Scrollen: Egal wie viel Inhalt sich im Textbereich befindet, die Bildlaufleiste wird immer angezeigt.
versteckt: Die Bildlaufleiste wird nie angezeigt und Objekte, deren Inhalt die Ebene überschreitet, werden nicht angezeigt. Auto: Wenn der Inhalt vollständig im Textbereich angezeigt werden kann, wird die Bildlaufleiste nicht angezeigt. Wenn der Inhalt nicht vollständig angezeigt werden kann, wird der Inhalt abgeschnitten und die Bildlaufleiste wird hinzugefügt, um
alles anzuzeigen Inhalt.
Hinweis]: Das Überlaufattribut von style muss in Verbindung mit dem width-Attribut verwendet werden, um wirksam zu werden!
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>注册</title> 6 </head> 7 <body> 8 <table width="700" align="center"> 9 <tr> 10 <td> 11 <form action="" name="" method="post"> 12 <fieldset> 13 <legend>注册</legend> 14 <table border="1" cellpadding="10" cellspacing="1" width="600" align="center"> 15 <colgroup bgcolor="green" span="1" align="center"></colgroup> 16 <colgroup bgcolor="yellow" align="center"></colgroup> 17 <tr> 18 <td>用户名:</td> 19 <td><input type="text" name="uesrname" value="" placeholder="用户名为中文" size="10" maxlength="15"></td> 20 </tr> 21 <tr> 22 <td>密码</td> 23 <td ><input type="password" namw="pwd1"></td> 24 </tr> 25 <tr> 26 <td>确认密码</td> 27 <td ><input type="password" name="pwd2"></td> 28 </tr> 29 <tr> 30 <td>年龄</td> 31 <td><input type="text" name="age" value="25"></td> 32 </tr> 33 <tr> 34 <td>性别</td> 35 <td> 36 <fieldset> 37 <legend>请选择性别</legend> 38 <input type="radio" name="sex" value="男" checked="checked" id="man"><label for="man">男</label> 39 <input type="radio" name="sex" value="女" id="woman"><label form="woamn">女</label> 40 </fieldset> 41 </td> 42 </tr> 43 <tr> 44 <td>城市</td> 45 <td> 46 <select name="citys"> 47 <option value="北京" checked="checked">北京</option> 48 <option value="上海">上海</option> 49 <option value="常州" >江苏</option> 50 </select> 51 </td> 52 </tr> 53 <tr> 54 <td>城市中的地区</td> 55 <td> 56 <select name="citys"> 57 <optgroup label="常州"> 58 <option value="武进区">武进区</option> 59 <option value="钟楼区">钟楼区</option> 60 <option value="新北区">新北区</option> 61 <option value="天宁区">天宁区</option> 62 </optgroup> 63 <optgroup label="上海"> 64 <option value="武进区">武进区</option> 65 <option value="钟楼区">钟楼区</option> 66 <option value="新北区">新北区</option> 67 <option value="天宁区">天宁区</option> 68 </optgroup> 69 </select> 70 </td> 71 </tr> 72 <tr> 73 <td>交友目的</td> 74 <td> 75 <select name="target" size="3" multiple="multiple"> 76 <option value="">普通朋友</option> 77 <option value="">对象</option> 78 <option value="">一般朋友</option> 79 </select> 80 </td> 81 </tr> 82 <tr> 83 <td>爱好</td> 84 <td> 85 <input type="checkbox" name="hobby" value="" id="yisu"><label form="yisu">艺术</label> 86 <input type="checkbox" name="hobby" value="" id="yinyue"><label form="yinyue">音乐</label> 87 <input type="checkbox" name="hobby" value="" id="yinyue">唱歌 88 </td> 89 </tr> 90 <tr> 91 <td>图片上传</td> 92 <td> 93 <input type="file" name=""> 94 </td> 95 </tr> 96 <tr> 97 <td>自我介绍</td> 98 <td> 99 <textarea name="" rows="6" cols="15"></textarea>100 </td>101 </tr>102 <tr>103 <td><input type="hidden" name=""></td>104 </tr>105 <tr>106 <td colspan="2" bgcolor="white">107 <input type="submit" value="注册" name="">108 <input type="reset" name="" value="重置">109 <input type="button" name="" value="普通按钮">110 </td>111 </tr>112 </table>113 </fieldset>114 </form>115 </td>116 </tr>117 </table>118 </body>119 </html>
Das obige ist der detaillierte Inhalt vonEinführung in Wissenspunkte im Zusammenhang mit HTML-Formularen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
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