HTML

HTMLコーディングメモ005

フォーム作成

属性用途
actionテータの送信先を指定
methodデータの転送方法の指定。 基本的に get か post を入力
nameフォームの名前を指定

<form>タグの中で使う記述は、HTMLやCSSで動作するものではなく、PHP等と連携して動作する。

属性値用途
text1行のテキスト
search検索時のテキスト
emailメールアドレス
tel電話番号
urlWebサイトのURL
テキストの主な属性値

複数行のテキスト入力欄を作成する場合、<textarea>タグを使う

ラジオボタンの作成 <input type=”radio”>

属性用途
nameラジオボタンの名前
value送信される選択肢の値
checked最初から選択されている状態にするときに指定
ラジオボタンの主な属性

チェックボックスの作成 <input type=”checkbox”>

属性用途
nameチェックボックスの名前
value送信される選択肢の値
checked最初から選択されている状態にするときに指定
主な属性

送信ボタンの作成 <input type=”submit”> <input type=”image”>

属性用途
nameボタンの名前
valueボタンに表示するテキスト
srcボタンに表示したい画像のファイルパス、ファイル名
alt画像を説明するテキスト
主な属性

セレクトボックスの作成 <select> <option>

属性用途
nameセレクトボックスの名前
multipleShift or Ctrlキーで複数の項目を選択可能にする
<select>タグの主な属性
属性用途
value送信される選択肢の値
selected最初から選択されている状態にするときに指定
<option>タグの主な属性

フォームのラベルを作成 <label>

ラベルテキストの部分を<label>で囲み、for属性をつける。

関連付けたいフォームのパーツにはid属性をつける。

for属性値とid属性値を同一にすればフォームとパーツが関連付けられる。

ABOUT ME
naochi
画像処理エンジンの開発が本職の脳筋エンジニア。 趣味でWEB系エンジニアの世界にもこんにちは。 人生目標:死ぬまで無事