下面我们介绍表单,由于这里没有学习数据库相关知识,所以只能强行学习!!!
在开始前我先介绍几个之前一直困惑着的问题:
我们发现,当我们需要<这个符号的时候,一般来说都输出不了,这样就很难受了呀,所以,我了解到了:HTML编码:例如:以代码示例:
<!--空格为英文单词分隔符 介绍HTML编码-->
为空格例如:<br/>
空格 空格<br/>
<是标签里面的<<br/>
>是标签里的><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的基础标签已经学习完,后面会更加深入了解相关知识。