Einführung in Wissenspunkte im Zusammenhang mit HTML-Formularen-HTML-Tutorial-php.cn

Einführung in Wissenspunkte im Zusammenhang mit HTML-Formularen

巴扎黑

Freigeben： 2017-06-26 11:50:56

Original

1680 Leute haben es durchsucht

Formular:

male
female......Die Namen müssen gleich sein!! !!!!!!

Gruppenname

Bildlaufleiste hinzufügen:

Horizontale Bildlaufleiste

Keine vertikale Bildlaufleiste

Keine Bildlaufleiste
oder
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 Rotscrollbar-base-color legt die Grundfarbe fest. Im Allgemeinen müssen Sie dieses Attribut nur festlegen, um die Farbe der Bildlaufleiste zu ändern.
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>

Nach dem Login kopieren

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!