web前端学习2

四 HTML表单标签

4.1 form标签

我们在浏览一些网页的时候需要满足需要写一些东西，比如说QQ登陆注册的时候需要用到这时候就要用到form

这个标签有两个属性：action和method

作用：action：一个处理此表单信息的程序所在的URL，所述表单信息将在表单提交时被发送到定义的地址

method：他的值可以是GET或POST，用来规定如何发送表单信息；

<!-- <form>是块状标签，要注意：<form>标签不能嵌套<form>标签 -->
<form action="">
  <!-- 这里会有一些表单控件 -->
</form>

4.2 单行文本输入框

1. 昵称输入框

<!-- action=""则表单信息将提交到当前页面 -->
<form action="">
  <input type="text" />
</form>

 

2. 占位文本 placeholder

用来提醒客户输入什么

<input type="text" placeholder="昵称" />

 

3. 输入框名字“name”

为了区别于其他<input>，我们需要给昵称输入框加上标签属性name，这样这个<input>就有自己的名字啦，在提交表单数据的时候，就不会和其他<input>搞混了。后面学习到表单数据的时候这个name就起到了作用，在给我们展现的时候看不到name的表示

<input type="text" placeholder="昵称" name="nick" />