html 制作简单的搜索功能

html 制作简单的搜索功能,第1张

1.打开Hbuilder编辑器,创建一个输入框和一个按钮,水平放置。

2.首先,将“#7FCC0B”颜色的边框添加到输入框中,设置宽度和高度。然后,设置按钮按钮的白色字体和背景色“#7FCC0B”。

3.按CRTL+s可以在软件的右边看到最终的效果。这就是如何在HTML中创建一个搜索框。

扩展资料:

1. 语言概述

WWW上的超媒体文档称为页面。作为组织或个人在万维网上的起点的页面称为主页,而主页通常包含指向其他相关页面或其他节点的指针(超链接)。从逻辑上讲作为一个整体处理的一系列页面的有机集合称为一个网站(网站或Web)。

Web页面,也称为Web页面,在这里没有区别。

2. 规范和标准

HTML是一种规范,一种标准,它使用标记符号来标记要显示的web页面的各个部分。web文件本身是一个文本文件,通过在文本文件中添加标记,您可以告诉浏览器如何显示内容(例如,如何处理文本、如何安排图片、如何显示图片等)。

浏览器依次读取网页文件,然后根据标记解释并显示其标记的内容。错误的标记不会被指出,也不会停止其解释的执行。编译器只能通过显示效果来分析错误的原因和部分原因。但是,需要注意的是,不同的浏览器可能对相同的标记有不同的解释,并且可能具有不同的显示效果。

3.标记语言

HTML被称为超文本标记语言,因为文本包含所谓的“超链接”点—URL指针,使浏览器能够通过激活(单击)新网页来轻松检索它们。这是为什么HTML被广泛使用的最重要的原因之一。

因此,Web页面的本质是HTML,通过结合其他Web技术(如脚本语言、CGI、组件等)可以创建功能强大的Web页面。因此,HTML是Web编程的基础,这意味着万维网是基于超文本的。

这是一门课程了。java web,,或者叫jsp。jsp就是由html和java脚本,等语言构成的。

java程序嵌套在html里。相当于php。以网页的形式将java展现。这也就是所谓的动态。

以为java程序获取的时间会变动。或者数据库变动从而引起网页的变动。

具体实现,你可以在网上查找jsp教程。以下是一个jsp页面的例子:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

注释(1):上面一句是jsp命令语句,标准形式<%@ %>表示,利用java脚本语言。引入java.util包里的所有文件。编码为utf-8

<%

String path = request.getContextPath()

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"

%>

注释2:java脚本

之后是标准的html格式。可嵌入java代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<base href="<%=basePath%>">

<title>My JSP 'index.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="expires" content="0">

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="This is my page">

<!--

<link rel="stylesheet" type="text/css" href="styles.css">

-->

</head>

<body>

This is my JSP page. <br>

可嵌入java脚本<% %>

</body>

</html>

要看你想放置的位置块,然后添加form表单:

<form>

<input type="button" value="按钮上显示的文字" />

<input type="submit" value="按钮上显示的文字" />

</form>

form表单中有两种按钮:button与submit。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7056846.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-01
下一篇2023-04-01

发表评论

登录后才能评论

评论列表(0条)

    保存