9.表單

第九節表單

表單

代碼:

<form>
			<fieldset>
				<legend>表單域的標題</legend>
				文本域:<textarea rows="20" cols="40"></textarea><br /> 
				文本框:
				<input type="text" value="只能讀" readonly="ture" /><br /> 
				日曆:
				<input type="date" /><br /> 
				密碼框:
				<input type="password" placeholder="請輸入您的密碼" /><br /> 
				單選框:
				<input type="radio" value="1" name="radio" />單選1
				<input type="radio" value="2" name="radio" />單選2<br /> 
				複選框:
				<input type="checkbox" value="1" name="checkbox" />複選1
				<input type="checkbox" value="2" name="checkbox" />複選2 <br/> 
				下拉框:
				<select>
					<option value="1">--請選擇--</option>
					<option vlaue="2">選項1</option>
					<option value="2">選項2</option>
					<option value="3">選項3</option>
				</select><br />
				<input type="file" value="上傳文件" />
				<input type="submit" value="提交" />
				<input type="reset" value="重置" />
			</fieldset>
</form>

演示:

表單域的標題 文本域:
文本框:
日曆:
密碼框:
單選框: 單選1 單選2
複選框: 複選1 複選2
下拉框: --請選擇-- 選項1 選項2 選項3

表單控件

代碼:

<form action="提交地址" method="post/get(提交方式)">
	<fieldset>
		<legend>表單控件</legend>
		網址:
		<input type="url" /><br /> 
		郵箱:
		<input type="email" /><br /> 
		日期:
		<input type="date" /> <br />
		時間:
		<input type="time" /> <br />
		數字:
		<input type="number" step="20" /> <br />
		滑塊:
		<input type="range" step="20" /> <br />
		提交:
		<input type="submit" />
	</fieldset>
</form>

演示:

表單控件 網址:
郵箱:
日期:
時間:
數字:
滑塊:
提交:

這都是我的課堂筆記,如果大家覺得寫的不錯就給我點贊哦!您的鼓勵就是我創作的動力!