1)创建表单
基本语法
1、添加一个表单
使用<form action=”url 地址” method=”” ></form> 添加一个表单,表单用于向服务器传输数据。
2、action 属性
规定当提交表单时向何处发送表单数据。
URL可以使绝对路径,也可以是相对路径
绝对 URL - 指向其他站点
相对 URL - 指向站点内的文件
3、method 属性
规定用于发送 表番 的 HTTP 方法。
有两种:post、get。
功能
重置不起作用。6、提交按钮的使用
提交按钮需要配合表单来使用。
提交按钮用于向服务器发送表单数据。数据会发送到表单的 action 属性中指定的页面。
功能
元素用来创建下拉列表。
元素中的
功能
定义多行的文本输入控件。
文本区域中可容纳无限数量的文本,其中的文本的默认字体是等宽字体。
注:1、cols 属性
规定文本区域内可见的宽度。
3)表单元素样式
示例
<input>标签样式
.txt1{
width:1000px;
height:30px;
font-size:20px;
color:yellow;
text-align:right;
padding-right:20px;
border:1px solid orange;
border-radius:8px;
background-color:lightgreen;
}
width:1000px; 设置input文本输入框的宽度为1000像素
height:30px; 设置input文本输入框的高度为30像素
font-size:20px; 设置input文本输入框的文字大小为20像素
color:yellow; 设置input文本输入框的字体颜色为黄色
text-align:right; 设置input文本输入框的文本距中显示
padding-right:20px; 设置input文本输入框的右内边距为20像素
border:1px solid orange; 设置input文本输入框的边框为1像素的桔色实线
border-radius:8px; 设置input文本输入框的圆角为8像素
background-color:lightgreen; 设置input文本输入框的背景色为绿色