recherche

Maison >interface Web >Tutoriel H5 >Parcours d'apprentissage H5-Formulaire H5 (11)

Parcours d'apprentissage H5-Formulaire H5 (11)

黄舟
黄舟original
2017-02-17 14:37:141844parcourir


Élément de formulaire H5

formulaire : formulaire

entrée : champ de saisie, l'attribut type peut définir différents attributs tels que le texte, le mot de passe, le bouton, etc.

textarea : zone de texte

lable : étiquette de contrôle

fieldset : domaine de définition

légende : titre du champ

select : liste de sélection

optgroup : groupe d'options

option : option dans la liste déroulante

bouton : bouton

 ! ! ! ! ! ! ! ! ! ! Exemple de code 

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格</title></head><body><form>
    用户名：    <br/>
    <input type="text">
    密码：    <input type="password">
    你有喜欢的水果没？    <br/>
    苹果<input type="checkbox">
    西红柿<input type="checkbox">
    香蕉<input type="checkbox">
    <br/>
    请选择您的性别？    <br/>
    男<input type="radio" name="sex">
    女<input type="radio" name="sex">
    <br/>
    请选择您经常去的网站？    <br/>
    <select>
        <option>www.baidu.com</option>
        <option>www.google.com</option>
        <option>www.youku.com</option>
    </select>
    <br/>
    <input type="button" value="按钮">
    <input type="submit"></form>
    <textarea cols="30" rows="30">请在此填写个人信息</textarea></body></html>

 ! ! ! ! ! Rendu


Parcours dapprentissage H5-Formulaire H5 (11)

Élément de formulaire H5

formulaire : formulaire

input : champ de saisie, Le type L'attribut peut définir différents attributs tels que le texte, le mot de passe, le bouton, etc.

textarea : zone de texte

lable : étiquette de contrôle

fieldset : domaine de définition

légende : Titre du champ

select : Liste de sélection

optgroup : Groupe d'options

option : Options dans la liste déroulante

bouton : Bouton

! ! ! ! ! ! ! ! ! ! Exemple de code 

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格</title></head><body><form>
    用户名：    <br/>
    <input type="text">
    密码：    <input type="password">
    你有喜欢的水果没？    <br/>
    苹果<input type="checkbox">
    西红柿<input type="checkbox">
    香蕉<input type="checkbox">
    <br/>
    请选择您的性别？    <br/>
    男<input type="radio" name="sex">
    女<input type="radio" name="sex">
    <br/>
    请选择您经常去的网站？    <br/>
    <select>
        <option>www.baidu.com</option>
        <option>www.google.com</option>
        <option>www.youku.com</option>
    </select>
    <br/>
    <input type="button" value="按钮">
    <input type="submit"></form>
    <textarea cols="30" rows="30">请在此填写个人信息</textarea></body></html>

 ! ! ! ! ! Rendu

Parcours dapprentissage H5-Formulaire H5 (11)

Ce qui précède est le contenu du parcours d'apprentissage H5-formulaire H5 (11). Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php. cn) !


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
Article précédent：Parcours d'apprentissage H5-Mise en page H5 (10)Article suivant：Parcours d'apprentissage H5-Mise en page H5 (10)

Articles Liés

Voir plus