1. cssを使ってフォームを作成する
この記事では主にcssを使ってフォーム要素を設定する方法を紹介します。
フォームは、Web ページとユーザー間の対話に不可欠な要素です。フォームは、オンライン登録、オンライン ログイン、オンライン トランザクション、オンライン投票、Web サイト メッセージなど、誰もがよく目にする Web ページと対話するためのインターフェイスです。ボードなど
フォームはサーバーにデータを送信するために使用されます。
フォームには、よく使用される入力ボックス、テキスト ボックス、ラジオ オプション、チェック ボックス、ドロップダウン メニュー、ボタンなど、多くの要素があります。
HTML 部分:
フォーム: フォームの範囲を定義します。
入力: フォーム内の特定のフォーム要素をそれぞれ定義します。
name: 名前、この列の名前を設定します。プログラムでよく使用されます。
size: 数値、この列の幅を設定します。
値: デフォルトの内容。このフィールドのデフォルトの内容を設定します。
align: 配置、この列の配置を設定します。
maxkength: 数値。このフィールドを設定すると、入力の最大長を設定できます。
テキスト入力ボックス:
type 属性を text に設定すると、テキスト ボックスが生成されます。
<p> 姓名：<input type="text"></p>
パスワード入力ボックス:
type 属性がpasswordに設定されている場合、パスワード入力ボックスが生成されます。
<p>密码： <input type="password"> </p> <p>确认密码： <input type="password"> </p>
ラジオ ボタン:
type 属性を radio に設定して、ラジオ ボタンを生成します。
《单选按钮》<p>性别： <input type="radio" name="gender" value="radio"checked="true">男 <input type="radio" name="gender" value="radio">女 </p>
チェックボタン:
type 属性が checkbox に設定されている場合、チェック ボタンが生成されます。
《复选按钮》<p>专业： <input type="checkbox" name="interest">美术类 <input type="checkbox" name="interest">理科类 <input type="checkbox" name="interest">文科类 <input type="checkbox" name="interest">体育类 </p>
ボタン:
type 属性が submit に設定されている場合は「submit ボタン」となり、type 属性が reset に設定されている場合はリセット ボタンになります。
すごいです
上記の導入部分はすべて でマークされていますが、鍵は type 属性の値にあります。
複数行のテキスト ボックス:
訪問者がさらにテキストを入力する必要がある場合、通常は複数行のテキスト ボックスが使用され、
