3.28.2
<!--表单:<form action="所有表单值提交的地址“
method="提交的方式(默认get提交)”
表单元素
</form>
提交方式:
1get:
所有表单的数据以键值对的方式key= value传递给后台
url:请求地址?
2post
表单元素通用格式
<input type=表单元素的类型” name="键" value="值" placeholder="请输入用户名"
表单元素类型:
1.文本类型:
text:文本框
password:密码框
hidden:隐藏域
2。按钮类型:
button:普通按钮
submit:提交按钮
reset:重置按钮
3.单选类型:
radio:单选
必须搭配name属性使用
label标签的使用
checked默认选中
disabled不可编辑
checkbox:多选
4.文件
file:文件上传
必须在form标签中加formenctype="multipart/form-data"
下拉框标签
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
</select>
selected属性:默认选中状态
文本域标签:
<textarea></textarea>
-->
<body>
<form action="#" method="post" enctype="multipart/form-data">
用户名:<input type="text" name="username" placeholder="请输入用户名" >
<br>
密码:<input type="password" name="pwd"><br>
隐藏域:
<input type="hidden" name="uid" value="123">
<br>
<input type="button" value="普通按钮">
<br>
<input type="submit" value="提交按钮">
<br>
<input type="reset" value="重置按钮">
<br>
性别:
<label>男<input type="radio" name="sex" value="man"></label>
<label>女<input type="radio" name="sex" value="woman" checked></label>
<br>
爱好:
<label>足球:<input type="checkbox" name="hobby" value="football" checked disabled></label>
<label>篮球:<input type="checkbox" name="hobby" value="basketball"></label>
<label>排球:<input type="checkbox" name="hobby" value="volleyball"></label>
<br>
文件上传:
<input type="file">
<br>
地址:
<select name="address">
<option value="zhangdian">张店</option>
<option value="zhoucun">周村</option>
<option value="zichuan" selected>淄川</option>
</select>
<br>
<textarea name="text1" cols="10" rows="10">
</textarea>
</form>
</body>