ホームページ > 記事 > ウェブフロントエンド > HTML5の属性：フォーム属性の使用例
HTML5の属性：フォーム属性の使用例
- 不言オリジナル
- 2018-08-09 14:57:122683ブラウズ
この記事では、HTML5 の属性について紹介します。フォーム属性の使用例を紹介します。必要な方は参考にしてください。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>表单</title> </head> <body> <!-- 表单 action：提交的网址 默认是当前的网址； 自定义 method: 默认：get / post --> <form action="" method="post"> <p> <!-- 1.用户名 --> <label for="">用户名：</label> <input id="xx" type="text" placeholder="请输入" name="username"> </p> <p> <!-- 2.密码 --> <label for="">密 码：</label> <input type="password" name="pwd"> </p> <p> <!-- 3.性别 --> <label for="">性 别：</label> <input type="radio" name="sex" value="0">男 <input type="radio" name="sex" value="1">女 </p> <p> <!-- 4.爱好 --> <label for="">爱 好：</label> <input type="checkbox" name="like" value="0">妹子 <input type="checkbox" name="like" value="1">汉子 <input type="checkbox" name="like" value="2">健身 <input type="checkbox" name="like" value="3">游泳 </p> <p> <!-- 5.上传文件 --> <label for="">玉 照：</label> <input type="file" name="file"> </p> <p> <!-- 6.下拉列表 --> <label for="">籍 贯：</label> <select name="address" id=""> <option value="0">北京</option> <option value="1">上海</option> <option value="2">广东</option> <option value="3" selected="selected">深圳</option> </select> </p> <p> <!-- 7.文本域 --> <label for="">个人描述：</label> <textarea name="info" id="" cols="30" rows="10"></textarea> </p> <p> <!-- 8.注册 --> <input type="submit" value="注册"> <!-- 9.重置 --> <input type="reset"> <!-- 10.隐藏域 --> <input type="hidden" name="isVIP" value="yes"> <!-- 11.普通按钮 --> <input type="button" value="普通按钮"> </p> </form> </body> </html>
実行効果は以下の通りです:
おすすめ関連記事:
html5のvideo(ビデオ)タグとaudio(オーディオ)タグでの属性の使い方
HTML5オプション属性:How to useレベルを達成するためのオプション属性 リンク ドロップダウン リスト
以上がHTML5の属性：フォーム属性の使用例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。