HTML+CSS第四课2：利用表单标签制作一个百度搜索框

知识点：表单<form>标签、<input />标签的使用。

问题描述：在html中制作一个百度搜索框，要求，在搜索框里输入关键词后，点击搜索，能够跳转到百度搜索结果页面。

代码结果演示：

关键代码：

<form action="http://www.baidu.com/baidu" target="_blank"><input type="text" name="word" size="60" placeholder="请输入搜索词"><input type="submit" value="百度搜索">
</form>

代码分析：

placeholder 属性是 HTML5 中的新属性。语法：<input placeholder="text">

placeholder 属性规定可描述输入字段预期值的简短的提示信息（比如：一个样本值或者预期格式的短描述）。

该提示会在用户输入值之前显示在输入字段中。

注意：placeholder 属性适用于下面的 input 类型：text、search、url、tel、email 和 password。

HTML+CSS第四课2：利用表单标签制作一个百度搜索框相关推荐

使用H5中的表单标签制作一个简单的网页登陆页面
简单介绍H5当中的表单标签.<form></form>表示定义一个表单的开始和结束.在form标签中,有主要的三个属性,action表示声明表单中的数据的处理的url地址.me ...
用java写注册表单_利用HTML表单标签编写一个注册页面
今天我们来写一个注册页面 form表单先来利用表单标签制作一个简单的注册页面,给大家说说标签的结构: 页面结构大体就是这样子的~ 利用HTML表单标签编写一个注册页面表单标签: 所有需要提交到服务 ...
HTML5初学——列表标签（09-12课）和表单标签（13-30课）、查阅文档
09.无序列表(unorder list) 1.列表:如果说表格用于显示数据,那么列表就是用于布局的 2.列表最大的特点就是整齐.整洁.有序.它作为布局会更加自由和方便 3.分为三类:无序列表.有序列 ...
利用html开发英语单词小程,前端利用表单标签自己制作一个简单的表单页面-表单制作-小程序表单制作...
html中的表单标签:form标签:属性:提交到后台url地址:actionurl地址:http://localhost:8080/XXX提交方式:method常用两个:get:把提交的数据放到地址栏 ...
前端开发表单标签完成一个简单登陆的效果 0228
表单标签的功能提交数据给服务器表单的基本结构格式各样的控件 input标签的多样性目标效果表格的结构设置宽高合并单元格继续合并单元格填写内容 . 插入表单控件按钮添加按钮居中用 ...
html表单基础知识,【学习笔记】html基础知识第四更/与用户交互!（表单标签）...
使用表单标签--与用户交互网站怎样与用户进行交互? 答案是使用HTML表单(form). 表单可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据. 语法: 讲解: 1. ...
什么标签用于在表单中构建复选框_基础表单标签及属性
表单标签一.一个完整的表单包含三个基本组成部分:(表单标签.表单域.表单按钮) 1.表单标签:form标签,用于设置服务器地址.请求方式等等 2.表单域:用户需要填写或选择的数据,输入框.单 ...
HTML 表格标签、列表标签、表单标签（案例：注册页面）
1. 表格标签表格是实际开发中非常常用的标签: 1. 表格的主要作用 2. 表格的基本语法 1.1 表格的主要作用表格主要用于显示.展示数据,因为它可以让数据显示的非常的规整,可读性非常好.特别是 ...
表单标签的作用、常用的表单控件
1.1 表单标签的作用作用:将客户端的数据提交给服务器,(表单是客户与服务器交互的一种方式). 可见性:在网页上是不可见的. 1.2 form常用的属性 Form标签是表单标签的一个根标签 1.3 ...

HTML+CSS第四课2：利用表单标签制作一个百度搜索框

HTML+CSS第四课2：利用表单标签制作一个百度搜索框相关推荐

最新文章

热门文章