<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--1.form表单，一般用来，从前端页面输入数据，提交到后端-->
<!--action属性 数据提交的位置，不设置则提交到当前函数/页面-->
<!--method属性 get方法(默认) post方法-->
<!--<form action="" method="">-->
<!--<!–2. input标签 输入框–>-->
<!--<!–name属性必须有， 后端需要根据name来获取提交的数据–>-->
<!--用户名：<input type="text" name="username"> <br>-->
<!--密码: <input type="text" name="password"> <br>-->
<!--<input type="submit">-->
<!---->
<!--</form>-->
<!--post提交-->
<form action="" method="post">
<!--2. input标签 输入框-->
<!--name属性必须有， 后端需要根据name来获取提交的数据-->
<!--placeholder属性 提示信息-->
用户名：<input type="text" name="username" placeholder="请输入用户名"> <br>
<!--type="password" 页面隐藏输入内容效果-->
密码: <input type="password" name="password" > <br>
性别：
<!--3. radio单选框，name相同，必须有value值-->
<input type="radio" name="gender" value="1">男
<input type="radio" name="gender" value="2">女
<input type="radio" name="gender" value="3" checked>保密
<br>
爱好：
<!--4. checkbox多选框，name相同，必须有value值-->
<!--checked属性 设置单选框和多选框的默认选中状态-->
<input type="checkbox" name="hobby" value="1">游泳
<input type="checkbox" name="hobby" value="2" checked>学习
<input type="checkbox" name="hobby" value="3" checked>美食
<input type="checkbox" name="hobby" value="4">健身
<br>
<!--5. hidden 需要向后端提交goods_id=108, 这个值不需要前端输入-->
<!--<input type="text" name="goods_id" value="108" hidden>-->
<input type="hidden" name="goods_id" value="108">
<!--6.下拉选框-->
<br>
籍贯：
<!--selected 设置下拉选框的默认选中状态 给option设置-->
<select name="hometown" id="">
<option value="1">北京</option>
<option value="a">上海</option>
<option value="3" selected>广州</option>
<option value="4" selected>江西</option>
</select>
<!--7.textarea标签 可以输入多行文字-->
<br>
简介：
<textarea name="description" cols="30" rows="30"></textarea>
<br>
<!--. submit 提交按钮，disabled阻止原本的效果-->
<input type="submit" value="提交按钮" disabled>
<!--. 单纯的按钮，需要和js配合使用，-->
<!--两种不同写法，效果一样-->
<!--<button>按钮02</button>-->
<input type="button" value="按钮02">
</form>
</body>
</html>
