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>

猜你喜欢

转载自www.cnblogs.com/boss-H/p/10615878.html