HTML(是一种标记语言,而标记语言是一套标记标签,HTML 使用标记标签来描述网页,HTML 文档(web网页)包含了HTML 标签及文本内容)
下面我们来介绍一下html中的区块和表单吧!
三、区块
HTML可以通过<div>
和<span>
将元素组合起来:1、<div>
是块级元素。块级元素在浏览器显示时,通常会以新行来开始和结束;2、<span>
是内联元素。内联元素在显示时通常不会以新行开始
四、表单
1、<form>
表单标签。表单是一个包含表单元素的区域,表单元素是允许用户在表单中输入内容。多数情况下,被用到的表单标签是输入标签<input>
,输入类型是由类型属性(type)定义的
例:
<form>
First name: <input type="text" name="firstname">
</form>
2、密码字段类型为password
3、<input type = "radio">
标签定义了表单单选框选项
4、<input type ="checkbox">
标签定义了复选框
5、<input type ="submit">
标签定义了提交按钮,当用户单击确认按钮时,表单的内容会被传到另一个文件。表单的动作属性(action=" ")定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理
6、<select>
标签是使用来定义下拉列表的,通常在网页中用来实现下拉菜单。select标签定义的下拉列表中的各个选项由<option>
标签来定义
例:
<select>
<option value="值">选项内容</option>
<option value="值">选项内容</option>
......
</select>
7、select标签属性:
*autofocus:在页面加载时下拉列表自动获得焦点
*disabled:属性值为true时,禁用下拉列表
*form:定义select字段所属的一个或多个表单
*multiple:属性值为true时,可以选择多个选项
*name:下拉列表的名称
*required:规定用户在提交表单前必须选择一个下拉列表中的选项
*size:下拉列表中可见选项的数目
*<textarea></textarea>
定义文本框,textarea后可用rows/cols规定文本框的大小
*创建按钮可用type="button"定义
*value属性规定<input>
元素的值,value属性对于不同input类型,用法也不同:
1>对于 “button”、“reset”、“submit” 类型 - 定义按钮上的文本
2>对于 “text”、“password”、“hidden” 类型 - 定义输入字段的初始(默认)值
3>对于 “checkbox”、“radio”、“image” 类型 - 定义与 input 元素相关的值,当提交表单时该值会发送到表单的 action URL
*<form></form>
定义供用户输入的表单
*<input>
定义输入域
*<lable></lable>
定义了<input>
元素的标签,一般为输入标题
例:
<form action="demo_form.php">
<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male"><br>
<label for="female">Female</label>
<input type="radio" name="sex" id="female" value="female"><br><br>
<input type="submit" value="提交">
</form>
*<fieldset></fieldset>
定义了一组相关的表单元素,并使用外框包含起来
*<legend></legend>
定义了<fieldset>
元素的标题
*<optgroup></optgroup>
定义了选项组
*<datalist></datdlist>
指定一个预先定义的输入控件选项列表
*<output></output>
定义一个计算结果
例:
<body>
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">
<input type="number" id="a" value="70">
+<input type="number" id="b" value="10">
=<output name="x" for="a b"></output>
</form>
好了,接下来我们将介绍HTML的最后一小部分内容啦!(提醒:文字知识固然是最基础和重要的,但是大家还是不要忘记多锻炼实操哦)