HTML

Posted 2021-06-11 启物院

上一期我们较为浅的<form></form>,那我们继续了解嵌套在form标签里常用的标签

html的<input>标签

input标签是比较常见的一种，等同于搜索框，具体的代码也非常简单，具体表现形式是:

<input type='[typeName]' name='[nameName]' value='(valueName)' placeholder='[placeholderName]'>

按照惯例，先解析:首先type还是属性的意思,具体后面跟的typeName可以有很多，比较常见的就是text,number,search,submit,其他的都可以在网络上进行查找。name这个属性的话其实就是方便你个人写代码的时候,具体对用户没啥用，可以不写,value在input里面具体表现形式就是他会自动把value中的内容填到input里去，也就是说提前帮你写好你要在输入框里要写的东西;placeholder这个属性就挺好的等于说先给你一点提示，告诉你这个输入框具体是干什么用的，或者是其他东西，里面可以随意填写。到时候效果怎么样，运行便知

input标签其实就是拿来交互的，等于说让你的网页看起来稍微智能了一点

HTML的<button></button>标签

这个玩意啊，看翻译就知道肯定是按钮的意思啦，先看表现形式:

<button type='[typeName]'>[content]</button>

再次按照惯例，先解析:首先是type，type里面的可选属性不多，只有三种:button,reset,submit，具体怎么样就不解释了，看翻译其实也是完全OK的

那么和上一期组合起来，可以这么写

<form action='./Server/server.php' method='POST'>

    <input type='text' placeholder='userName'>

    <input type='number' placeholder='userPassword'>

    <button type='submit'>Click here</button>

</form>

到这里，你就学会了最简单的一个form提交表单处理模块，具体有什么用呢？一般来说就是为你以后学习PHP等语言时提供一个方便，比方说假设你想让这个form变成一个搜索的模块，以后用PHP书写代码时需要一定参数，这个参数就可以跟这个form所发送的表单联系起来

那么这一期就到这里啦，我是Base_man，我们下期再见！