5、表单的基本操作

什么是表单

　　表单用于收集用户输入的信息，并通过浏览器向网站传送。

　　

 

 

表单标签结构
　　form用于声明整个表单，定义数据收集范围，是双标签

　　

输入框标签结构
　　输入框使用input标签实现，用来输入信息，是个单标签

　　

 

输入框属性
　　输入框的类型使用 type 属性控制
　　根据不同的type属性，分为用户名，密码，提交按钮等

　　

　　

　　输入内容提示使用 placeholder 属性控制

　　 

　　

type 属性与value属性
　　按钮的实现使用type属性控制
　　按钮文字使用value属性控制

提交按钮
　　提交按钮用来将输入的信息提交到服务器
　　value属性定义按钮的显示文字

　　

form表单的属性
　　表单具有的属性：action、target 属性

　　

　　

　　　

选择框
　　HTML中有两种选择框：单选框和复选框

　　

　　

单选框实现单选功能
　　单选框实现单项选择的必备条件：通过name属性将单选框分为一组

　　

选择框的选中状态
　　checked属性规定了在页面加载时处于默认选中状态的选择框

　　

 

　　

文件域
　　文件域用于上传文件

　　

　　

 

文本域

　　

　　textarea 文本域是定义多行的文本输入框

　　

文本框属性
　　cols 文本域的列数（宽度），rows文本域的行数（高度）

　　

　　maxlength属性用于限定最大长度（限定字数）

　　

下拉列表的语法结构
　　<select>下拉列表是在有限的空间里设置多个选项，例如出生年月日、省份

　　

　　option的属性：selected默认选中 value

　　

　　

　　

 

1、设置文本框的边框颜色(border)

　　<input type="text" style="border:1px solid red;" value="测试文字" />

2、设置文本框的背景颜色(background)

　　<input type="text" style="background: red;" value="测试文字" />

3、设置文本框的文字颜色(color)

　　<input type="text" style="color: red;" value="测试文字" />