[Web] 从零开始 - 表单

博客首页 » Web 从零开始 - 表单

发布于 07 Jul 2015 08:01
标签 blog
我们上网无论购物,发送email,提交材料,都经常会填写表单。这一次我们来介绍html表单。

html表单

先看一个例子:

<!doctype html>
<html>
  <body>
    <form action="http://baidu.com/s">
      <input type="text" name="wd" value="关键词"/>
      <input type="submit" value="搜索">
    </form>
  </body>
</html>

把这个段代码按照我们之前“零基础”中介绍的方式生成一个web3.html,用浏览器打开,可以看到以下的内容:

填写需要搜索的关键词以后,点击搜索,可以看到百度的搜索结果。

它是怎么工作的呢?关键就是这段代码。
<form action="http://baidu.com/s">
<input type="text" name="wd" value="关键词"/>
<input type="submit" value="搜索">
</form>

  • <form>表示,这段代码是一个表单。里面的action指定表单会提交到百度的这个URL上 "http://baidu.com/s"
  • <input>表示,这一段是一个输入框,type="text"表示这是一个文本框,name="wd"表示文本的名字叫"wd",value="关键词"表示框里面会显示“关键词”这三个字。
  • <input type="submit" value="搜索">是一个提交按钮,按钮上的文字是搜索。

怎么样,强大吗?我们也可以写一个网页,把内容提交给百度服务器了。


本页面的文字允许在知识共享 署名-相同方式共享 3.0协议和GNU自由文档许可证下修改和再使用,仅有一个特殊要求,请用链接方式注明文章引用出处及作者。请协助维护作者合法权益。


系列文章

文章列表

  • Web 从零开始 - 表单

这篇文章对你有帮助吗,投个票吧?

rating: 0+x

留下你的评论

Add a New Comment