表单

时间 2020-03-27

标签表单栏目 HTML 繁體版

原文原文链接

1. 表单

表单的做用是用来将用户信息提交给服务器。好比：百度的搜索框，注册，登录这些操做都须要填写表单。html

form 标签

使用form建立的仅仅是一个空白的表单，咱们须要向form中添加不一样的表单项。服务器

form 的action属性

form标签中必须指定一个action属性，该属性指向的是一一个服务器的地址。当咱们提交表单时将会提交到action属性对应的地址。url

<form action="target.html"><form>

input 建立文本框

使用input来建立一个文本框spa

type 属性为text时：

它的type属性能够是text
若是但愿表单项中的数据会提交到服务器中，就必须给表单项指定一个name属性。name表示提交内容的名字。
用户填写的信息会附在url地址的后边，以查询字符串的形式发送给服务器
url地址？查询字符串
格式：属性名=属性值&属性名=属性值&属性名=属性值
在文本框中也能够指定value属性值，该值将做为文本框的默认值显示

type 属性为password时：

type 属性为submit时：

在提交按钮中能够经过value属性值来指定按钮的文字code

<form>
    <input type="submit" value="注册"/>
</form>

结果：
orm

举例：htm

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="test.html">
    用户名<input type="text"/ name="username">　<br/>
    密码<input type="password" name="password"/><br/>
    <input type="submit" value="注册"/>
</form>
</body>
</html>

结果：
blog

输入用户名和密码:
字符串

点击注册按钮提交(由于使用了name属性，name属性值会提交给服务器地址)：
get