ホームページ > 記事 > ウェブフロントエンド > HTML form_html/css_WEB-ITnose
HTML form_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:31:11847ブラウズ
HTML フォームの概要: 誰もが強固な基盤を築くための
ff9c23ada1bcecdd1a0fb5d5a0f18437f5a47148e367a6035fd7a2faa965022e
フォームでは通常、ネストされたテーブルが必要です。テーブル内の行の変更はフォームであり、フォームは主にユーザー情報を収集するために使用されます
フォームの共通属性:
method: フォームデータの送信方法を指定します
enctype: フォームのエンコード方法を指定しますデータ
アクション: フォーム送信用の URL + readonly 属性: テキスト コントロールを読み取り専用に設定します
2: ボタン
送信ボタン: 49a763529f747a086294dae11c3e5ed0
リセット ボタン: b6243e38a82ec7cf6814580dae417657
文本框：<input type="text"/>密码框：<input type = "password"/>
提交按钮：<input type ="submit"/>重置按钮：<input type = "reset"/>
コード実行効果:
3: ラジオボタンを押して、選択した領域を展開します:
b6c5a531a458a2e790c1fd6421739d1c3d4e027a5b7a1fd6cc3266da6752456a b90dd5946f0946207856a8a37f441edf
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> </head> <body> <form method ="post"> <h1 >     增加管理员 </h1> <table width ="600px"> <tr> <td width ="80px">姓名：</td> <td width = "180"> <input name ="UserName"/> </td> <td>10个字符以内的字母或下划线组合</td> </tr> <tr> <td>密码：</td> <td><input type="password"maxlength = 6 name="pwd"/></td> <td>6位数字</td> </tr> <tr> <td>重复密码：</td> <td><input type="password" maxlength = 6/></td> <td>2次密码必须相同</td> </tr> <tr> <td></td> <td> <input type="submit"/>   <input type="reset"> </td> <td></td> </tr> </table> </form> </body></html>
コード効果:
4: チェックボックス: 複数選択ボックス
入力がチェックボックスの場合、テキスト ボックスは複数選択ボックスになります
<tr> <td>性别:</td> <td><input id = "radmal" type ="radio" name="gender" value = "mal"> <label for = radmal>男士</label></td> <td><input id = "radfe" type ="radio" name="gender" value = "mal" checked> <label for = radfe>女士</label></td> </tr>
プログラムのスクリーンショット:
チェックボックス: < ;選択>
複数のサイズで十分です
<tr> <td width = "150px"><input id = "chbbox" type ="checkbox" name="gender" value = "mal" > <label for = chbbox>学生管理员</label></td> <td><input id = "chbadm" type ="checkbox" name="gender" value = "mal" > <label for = chbadm>超级管理员</label></td> <td><input id = "chbtech" type ="checkbox" name="gender" value = "mal" > <label for = chbtech>管理员</label></td> </tr>
ファイル管理:
a34de1251f0d9fe1e645927f19a896e8
a34de1251f0d9fe1e645927f19a896e8
テキストエリア:
備考: 4750256ae76b6b9d804861d8f69e79d340587128eee8df8f03d0b607fe983014
<tr> <td>状态</td> <td> <select name = "status"> <option value = "1">在线</option> <option value = "0">离线</option> <option value = "-1" selected>忙碌</option> </select> </td> <td></td><tr>
プログラムレンダリング: