day2-HTML标签:form、input、select、textarea实现的简单信息录取页面

使用的是sublime text3编译器
大部分通过input标签实现各种输入框、单选、多选、下拉框的功能

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="css/style.css">  <!-- 使用 html:css 快速打出 -->
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>简单信息录入页面</title>
</head>
<body>
	
<form action="">
	用户账号:<input type="text" name="username" value="">
	<br/>
    用户密码:<input type="password" name="password" value="">
    <br/>
    <input type="submit" name="submit" value="submit">
    <input type="reset" name="reset" value="reset">
    <br/>
    性别:
    <input type="radio" name="gender" value="boy" checked="checked">男
    <input type="radio" name="gender" value="girl">女
    <br/>
    爱好:
    <input type="checkbox" name="reading" value="reading" checked="checked">阅读
    <input type="checkbox" name="sports" value="sports">运动
    <input type="checkbox" name="music" value="music">音乐
    <br/>
    其余爱好:
    <select>
    	<option value="swimming" selected="selected">swimming</option>
    	<option value="tennis">tennis</option>
    	<option value="dancing">dancing</option>
    </select>
    <br/>
    输入个人信息:<br/>
    <textarea cols="50" rows="10">
    	输入个人简介...
    </textarea>
    <br/>
    <input type="submit" name="submit2" value="提交">
    <input type="reset" name="reset2" value="清空">

    <p><img src="" alt=""><a href=""></a></p>

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

实现的具体网页页面:
在这里插入图片描述
因为还未添加css样式属性所以暂时不考虑美观的问题

©️2020 CSDN 皮肤主题: 黑客帝国 设计师:上身试试 返回首页