Maison > Article > interface Web > Introduction aux points de connaissances liés aux formulaires HTML
Introduction aux points de connaissances liés aux formulaires HTML
- 巴扎黑original
- 2017-06-26 11:50:561638parcourir
Formulaire :
......Les noms doivent être les mêmes !!!!!!!
Cadre de formulaire
Ajouter une barre de défilement :
Pas de barre de défilement verticale
Pas de barre de défilement
2 Définissez la barre de défilement de la zone de texte multiligne<.> Pas de barre de défilement horizontale
< textarea style="overflow-x:hidden">< /textarea>
Pas de barre de défilement verticale
< > < /textarea>
Pas de barre de défilement
< textarea style="overflow-x:hidden;overflow-y:hidden">< :hidden">< /textarea>
3. Définissez la couleur de la barre de défilement de la fenêtre
Définissez la couleur de la barre de défilement de la fenêtre sur rouge
Ajoutez un petit effet spécial :
4. Définissez a dans le fichier de feuille de style Class, appelle la feuille de style.
Appelez comme ceci :
< textarea class="coolscrollbar">< /textarea>
paramètres de couleur et de bordure de la zone de texte :
< textarea style="border:red solid;border-width:1 1 1 1;color:#CCCCCC; " >< /textarea>
Les valeurs possibles de overflow-x et overflow-y sont : visible (valeur par défaut), caché, auto, scroll.
visible : La barre de défilement n'est jamais affichée, et la taille de la zone de texte augmentera automatiquement en fonction de l'augmentation du contenu pour afficher l'intégralité du contenu.
défilement : quelle que soit la quantité de contenu dans la zone de texte, la barre de défilement est toujours affichée.
masqué : La barre de défilement n'est jamais affichée, et les objets dont le contenu dépasse le niveau ne sont pas affichés.
auto : Si le contenu peut être entièrement affiché dans la zone de texte, la barre de défilement ne s'affiche pas. Lorsque le contenu ne peut pas être entièrement affiché, le contenu est tronqué et la barre de défilement est ajoutée pour afficher tout le contenu. contenu.
Remarque] : L'attribut overflow de style doit être utilisé en conjonction avec l'attribut width pour prendre effet !
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>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn