Introduction aux points de connaissances liés aux formulaires HTML-tutoriel HTML-php.cn

Introduction aux points de connaissances liés aux formulaires HTML

巴扎黑

Libérer： 2017-06-26 11:50:56

original

1680 Les gens l'ont consulté

Formulaire :

male
female......Les noms doivent être les mêmes !!!!!!!

Nom du groupe

Ajouter une barre de défilement :

Barre de défilement horizontale

Pas de barre de défilement verticale

Pas de barre de défilement
ou
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 rougescrollbar-base-color définit la couleur de base. Généralement, il vous suffit de définir cet attribut pour changer la couleur de la barre de défilement.
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>

Copier après la connexion

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!