HTML常用表单写一个百度搜索和注册页面

简介: HTML常用表单写一个百度搜索和注册页面

1.实战百度搜索,向百度服务器发送请求

 

https://www.baidu.com/s?键1=值1&键2=值2

action:表单提交的位置

method(get/post):表单提交的方式


GET:


(1)参数会依附于url地址之后


(2)利用get方式提交数据,数据的长度有限制


(3)利用get方式提交数据,是不安全的


Post


(1)请求不会依附于地址,


(2)利用post处理参数不受限制


(3)post提交数据比较安全


自写百度代码:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <form action="https://www.baidu.com/s" method="get">
      <!--普通文本框-->
      <input type="text"  name="wd"/> 
      <input type="submit" value="百度一下" />
    </form>
  </body>
</html>

 

 

2.注册的一个页面

<!--普通文本框 value:文本框中值-->
账号: <input type="text" name="zh" value="123" />
密码:<input type="password" name="pwd" value="123" />
<!--单选框 实现单选的效果必须指定同一个name属性
checked:默认的选择-->
男:<input type="radio" name="sex" value="1"
checked="checked"/>
女:<input type="radio" name="sex" value="0"/>
<!--多选框-->
抽烟:<input type="checkbox" value="1"
checked="checked">
喝酒:<input type="checkbox" />
烫头:<input type="checkbox" /><br />
<!--多行文本框-->
个人介绍: <textarea rows="15" cols="20" value="">你
好</textarea><br />
<!--文件选择框-->
<input type="file" name="file" /><br />
<!--隐藏框-->
<input type="hidden" name="sno" value="20180607" /><!--下拉框 selected:默认的选择-->
<select name="ch">
<option value="1">中国</option>
<option value="2" selected="selected">美国</option>
<option value="3">日本</option>
<option value="4">新加坡</option>
</select>
<!--提交按钮-->
<input type="submit" value="提交" />
<!--清除按钮,清空写好的内容-->
<input type="reset" value="清除" />
<!--普通的按钮 没有提交数据的功能-->
<input type="button" value="提交" />

效果:

目录
相关文章
|
25天前
使用HTML编写注册页面
使用HTML编写注册页面
12 1
|
23天前
|
Java 测试技术 数据库
基于SpringBoot+HTML实现登录注册功能模块
基于SpringBoot+HTML实现登录注册功能模块
|
8天前
|
移动开发 前端开发 JavaScript
《HTML 简易速速上手小册》第8章:HTML 表单高级技术(2024 最新版)
《HTML 简易速速上手小册》第8章:HTML 表单高级技术(2024 最新版)
26 0
|
8天前
|
移动开发 JavaScript 前端开发
《HTML 简易速速上手小册》第4章:HTML 的表单与输入(2024 最新版)
《HTML 简易速速上手小册》第4章:HTML 的表单与输入(2024 最新版)
28 0
|
11天前
错误或拦截页面的html代码
错误或拦截页面的html代码
14 0
错误或拦截页面的html代码
|
12天前
|
PHP
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
|
19天前
|
搜索推荐 前端开发 UED
html页面实现自动适应手机浏览器(一行代码搞定)
html页面实现自动适应手机浏览器(一行代码搞定)
19 0
|
1月前
|
数据安全/隐私保护
HTML表单(Form)常用控件
HTML表单(Form)常用控件。
15 1
N..
|
1月前
|
存储 前端开发 JavaScript
HTML表单
HTML表单
N..
10 1
|
1月前
|
安全 数据安全/隐私保护
HTML表单元素
HTML表单元素
8 0