html表单—学习总结

最新推荐文章于 2022-02-25 21:59:54 发布

乔哼哼

最新推荐文章于 2022-02-25 21:59:54 发布

阅读量506

点赞数

分类专栏：前端学习总结文章标签： html html5

本文链接：https://blog.csdn.net/qq_36111690/article/details/104535065

版权

前端学习总结专栏收录该内容

2 篇文章 0 订阅

订阅专栏

显示结果：

<!DOCTYPE html>
<html lang="ch">
<head>
	<meta charset="UTF-8">
	<title>Form</title>
</head>
<body>
	<!--method 属性规定在提交表单时所用的 HTTP 方法（GET 或 POST），默认为get；如果表单提交是被动的，并且没有敏感信息，选择get；如果表单在更新数据，或者包含敏感信息，选择post-->
	<form action="http://www.baidu.com" method="post">
		
		<!--<fieldset> 元素组合表单中的相关数据.<legend> 元素为 <fieldset> 元素定义标题。-->
		<fieldset>
			<legend>登陆</legend>
			<!--文本输入框-->
			<p>账号
				<input type="text" name="loginName">
			</p>

			<!--密码输入框-->
			<p>密码
				<input type="text" name="pwd">
			</p>

			<!--按钮-->
			<input type="submit" name="提交">
			<input type="reset" name="重置">
			<br/><br/>

			<!--单选框-->
			<input type="radio" name="sex" value="男" checked>男
			<input type="radio" name="sex" value="女">女
			<br/>
			<br/>

			<!--复选框-->
			<input type="checkbox" name="logincheck" checked>7天内免登录
			<br/>
			<br/>

			<!--下拉列表-->
			选择系统
			<select name="operation">
				<option value="CRM">CRM系统1</option>
				<option value="CRM" selected>CRM系统2</option>
				<option value="CRM">CRM系统3</option>
			</select>
			<br/><br/>

			<!--多行输入字段-->
			<textarea name="message" rows="5" cols="30">请输入您的想法</textarea>
			<br/><br/>

			<!--输入数字-->
			字体大小
			<input type="number" name="fontsize" min="8" max="20" value="12">px
			<br/><br/>

			<!--选择颜色-->
			字体颜色
			<input type="color" name="favcolor">
			<br/><br/>

			<!--滑块控件-->
			缩放
			<input type="range" name="points" min="0%" max="100%" step="10">
			<br/><br/>

			<!--选择日期-->
			日期
			<input type="date" name="date">


		</fieldset>
	</form>
</body>
</html>

乔哼哼

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html表单—学习总结

显示结果：<!DOCTYPE html><html lang="ch"><head> <meta charset="UTF-8"> <title>Form</title></head><body> <!--method 属性规定在提交表单时所用的 HTTP 方法（GET 或...
复制链接

扫一扫