フォーム関連要素

<form>:パーティションには、情報をコミットするためのインタラクティブなコントロールを含むドキュメント

<form action="" method="">
	<input type="text" name="test">
    <button type="submit">제출</button>
</form>

formプロパティ

action=" https://example.com/join "

method="post / get"

form内部プライマリタグ

<fieldset>

<legend>

<label>

<label for="example_label"> 예시 : </label>

<input>

<input type="text" name="example" id="exmample_label"> 예시 : </input>

inputタグのタイプ

type=""の属性値は異なり、異なる機能と属性を有する。

<input type="text">

<input type="password">

<input type="email">

<input type="tel">

<input type="number">

<input type="range">

<input type="date">

<input type="time">

<input type="submit" value="제출하기">

<input type="reset" value="초기화">

<input type="button" value="빈 버튼">

<input type="checkbox" name="chk1" checked>

<input type="radio" name="radio" value="r1">
<input type="radio" name="radio" value="r2">

タイプ外属性

<button>タグ

<button type="">버튼내용</button>

<select>タグ

<select id="",name="">
	<option value="">선택해주세요</option>
    <optgroup label="제목1">
		<option value="1">선택1</option>
    	<option value="2">선택2</option>
    </optgroup>
    <optgroup label="제목2">
		<option value="3">선택3</option>
    	<option value="4">선택4</option>
    </optgroup>
</select>

<datalist>タグ

<label for="movie"> 영화 </lavel>
<input type="text" id="movie" list="movie-list">
<datalist id="movie-list">
	<option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
</datalist>

<textarea>タグ

<label for="comment">댓글</label>
<textarea name="comment" id="comment" rows="3" cols="10">
오늘은...
</textarea>

ラベル、内部要素別出力