ホームページ  >  記事  >  ウェブフロントエンド  >  H5 学習の旅 - H5 フォーム (11)

H5 学習の旅 - H5 フォーム (11)

黄舟
黄舟オリジナル
2017-02-17 14:37:141775ブラウズ


H5 フォーム要素

form: フォーム

input: 入力フィールド、type 属性はテキスト、パスワード、ボタンなどのさまざまな属性を設定できます。

textarea: テキストエリア

lable: コントロールラベル

fieldset: 定義ドメイン

legend: ドメインのタイトル

select: 選択リスト

optgroup: オプショングループ

option: ドロップダウンリストのオプション

button: ボタン

! ! ! ! ! ! ! ! ! !コード例

<!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>

! ! ! ! !


H5 学習の旅 - H5 フォーム (11)

H5 フォーム要素のレンダリング

form: フォーム

input: 入力フィールド、type 属性はテキスト、パスワード、ボタンなどのさまざまな属性を設定できます。

textarea: テキストフィールド

lable : コントロールタグ

fieldset: ドメインを定義します

legend: フィールドのタイトル

select: リストを選択します

optgroup: オプショングループ

option: ドロップダウンリストのオプション

button: ボタン

! ! ! ! ! ! ! ! ! !コード例

<!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>

! ! ! ! !レンダリング

H5 学習の旅 - H5 フォーム (11)

上記は、H5 学習の旅 - H5 フォーム (11) の内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。