HTML实训知识分享Day03

模块回顾

1.th标签

2.form标签

一、th标签

1.th标签类似于td，th在表示列的同时带有居中和加粗的属性，其他功能与td相同。

二、form标签

1.form标签创建供用户输入的表单。

其常用的属性有action（定义一个 URL。当点击提交按钮时，向这个 URL 发送数据。）、enctype（用于对表单内容进行编码的 MIME 类型。）

其提交方式（method属性用于向 action URL 发送数据的 HTTP 方法。默认是 get。）有get方式和post方式。

①get方式：路径？ 键=值 &键=值   其缺点：不安全，传输的内容大小有限制。

②post方式：

表单元素通用格式：<input type"表单元素的类型" name="键" value="值">
表单元素的类型：
①文本类型：
*文本框：text
*密码框：password
*按钮类型：button
*提交按钮：submit
*选择类型：
*单选：radio 注意需要用name属性进行分组
*多选：checkbox
label标签定义控件的标注。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
checked是默认选中
不可编辑：disable
下拉框是<select>

<option>下拉的内容</option>

</select>下拉框
默认选中：selected
多行文本框

<textarea name="" id="" cols="30" rows="10"> <!--cols是规定文本区内可见的列数。row是规定文本区内可见的行数。-->
</textarea>

例如:

<form action="" enctype="multipart/form-data">
用户名<input type="text" style="font-size-adjust: auto" name="username" placeholder="请输入用户名">
<br>密码&nbsp; <input type="password" name="pwd" value="">
<br>隐藏域：<input type="hidden">
<br>普通按钮：<input type="button" value="普通按钮">
<br>重置按钮：<input type="reset" value="重置">
<br>提交按钮：<input type="submit" value="提交">
<br>性别：<label>男<input type="radio" name="sex"></label><label>女<input type="radio" name="sex"></label>
<br>爱好：<label>篮球<input type="checkbox" name="lanqiu"></label>
<label>足球<input type="checkbox" name="zuqiu" disabled></label>
<label>排球<input type="checkbox" name="paiqiu" checked></label>
<br>上传文件：<input type="file">
<br>地区：<select name="" id="" > <!--multipe size 一般需要连用才有效-->
<option value="">淄博</option>
<option value="">济南</option>
<option value="" selected>青岛</option>
<option value="">枣庄</option>
</select>
<br><br>

个人简介<textarea name="" id="" cols="30" rows="10">

</textarea>
</form>

效果为：