用HTML语言制作表单的登录界面（包括常用标签的注释）

最新推荐文章于 2024-03-04 14:18:16 发布

我真的裂开了

最新推荐文章于 2024-03-04 14:18:16 发布

阅读量2.6k

点赞数 4

分类专栏： html 文章标签： html5

本文链接：https://blog.csdn.net/whatidonot/article/details/109212019

版权

html 专栏收录该内容

5 篇文章 1 订阅

订阅专栏

表单

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- form表单 label中for 可以指定id 作用是鼠标指针不用放在输入框内输入 直接点击账号就可以输入
		 value表示输入的值直接可以放进去 size可以规定输入框的长度 placeholder可以显示在此输入账号
		 readonly表示只能读 disable表示无法使用插件-->
		 <!-- type="password"表示密码 type="radio"表示单选框 value里表示的是往后端传输的数据 checked表示默认 
		 type="checkbox"表示复选框 n通过name属性分组 属性相同为一组
		  单选和复选不能输入内容所以必须指定value的值。-->
		  <!-- type="file"表示选择文件 accept表示选择文件的类型 
		   accept里面填写文件后缀名
		   下拉框中name id等需要在select中定义，而value需要在option中定义          多行文本域textarea  name里面放    cols表示列 rows表示行-->
		 <h3 align="center">登录界面
		 <p >
		<form action="serve.html" method="" >
			<label for="m"  ><b>账号:</b></label>
			<input id="m"  type="text" size="30" placeholder="请输入账号"/ name=""  >
			<label for="f">密码：</label>
			<input type="password"/ size="30" placeholder="请输入密码"  id="f">
			
				<br />
			性别:
			<label for="n">男</label>
			<input  type="radio" name="sex" value="男" id="n"/ checked="checked">
			<label for="v">女</label>
			<input  type="radio" name="sex" value="女"  id="v"/>
			
			
			<br />
			课程：<input  type="checkbox" name="课程" value="计算机" checked="checked"/>计算机
			<input  type="checkbox" name="课程" value="英语" checked="checked"/>英语
			<input  type="checkbox" name="课程" value="数学" checked="checked"/>数学<br/>
			照片：<input type="file" name="img"  accept=".jpg,.png"/><br />
			省份：<select name="province">
				<option value="0" selected="selected"><s>无</s></option>
				<option value="100">陕西</option>
				<option value="120">山东</option>
				<option value="130">日本</option>
				<option value="250">韩国</option>
			
			</select><br />
			说明：<textarea name="textarea"  cols="60" rows="30">
				我凎
			</textarea><br />
			<input type="reset" value="重置数据" name="reset"/>
			<input type="submit" value="提交"  name="submit"/>
			<input type="button" value="按钮" onclick="alert('FBL警告')"/>
			
			
		</form>
		</p>
		</h3>
		
	</body>
</html>

我真的裂开了

关注

4
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
用HTML语言制作表单的登录界面（包括常用标签的注释）

表单<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- form表单 label中for 可以指定id 作用是鼠标指针不用放在输入框内输入直接点击账号就可以输入 value表示输入的值直接可以放进去 size可以规定输入框的长度 placeholder可以
复制链接

扫一扫