HTML5表单基础

下面我们介绍表单，由于这里没有学习数据库相关知识，所以只能强行学习！！！
在开始前我先介绍几个之前一直困惑着的问题：

我们发现，当我们需要<这个符号的时候，一般来说都输出不了，这样就很难受了呀，所以，我了解到了：HTML编码：例如：以代码示例：

<!--空格为英文单词分隔符     介绍HTML编码-->
    &nbsp;为空格例如：<br/>
    空格&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;空格<br/>
    &lt;是标签里面的<<br/>
    &gt;是标签里的><br/>
    标签一般为成对出现，有些单独出现叫单标签。<br/>

当然，如果输出的话，他显示的结果则是我们一些不容易打出来的东西：
 是空格
<是标签里面的<
>是标签里的>
这些标签都是可以显示出来的，叫HTML编码。

好，我们回归主题，HTML5基础标签的最后一个
form标签：<form></form>
相关用法如下：

<form method="get" action="">
账号：<input type="text" name="name"><br/>
密码：<input type="password" name=" password"><br/>
</form>

即为<input>标签，我们定义其type类型（文本，和password），和name，为什么定义name呢，我们之前说过，定义name，这样我们就能找到他，并且输入数据库，和id一样。

下面，我们看另外一个代码

<form method="get" action="">
1.香蕉<input type="radio" name="1" value="香蕉"><br/>
2.苹果<input type="radio" name="1" value="苹果"><br/>
3.离子<input type="radio" name="1" value="离子"><br/>
<input type="submit" value="提交"><br/></form>

首先，我们定义了其类型：radio类型，value给出其数据值，这样就能反馈数据，但是我们name为啥都是1呢？当name都是1时候，这样我们的radio就是单选，这样我们就能提交数据：

下面我给出一个搜索框（看起来很棒的搜索框）：

<form method="get" action="">
   input type="text" name="name" style="color: #999" value="请输入" onfocus="if(this.value=='请输入'){this.value='';this.style.color='#424242'}" onblur="if (this.value==''){this.value='请输入';this.style.color='#999'}"><br/>
</form>

此搜索框具体图示我就不演示了，具体显示，感兴趣的同学可以加以了解。

以上为HTML5的基础标签已经学习完，后面会更加深入了解相关知识。