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>

演示:

表单控件 网址:
邮箱:
日期:
时间:
数字:
滑块:
提交:

这都是我的课堂笔记,如果大家觉得写的不错就给我点赞哦!您的鼓励就是我创作的动力!