当前位置: 首页 > 知识库问答 >
问题:

搜索框中的Javascript

尉迟彬
2023-03-14

我有html javascript显示我今天的日期和一个搜索框。我尝试创建html,以便在搜索框中始终规定当前日期。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Titel</title>
    </head>
    <body>
                 <script>           var datum = new Date(); // aktuální datum
                var retezec = ""; // postupně se k němu budou přičítat další řetězce
                retezec += datum.getDate() + ". "; // Den v měsíci
                retezec += (1 + datum.getMonth()) + ". "; // Měsíce jsou číslovány od nuly
                document.write( retezec ); // Výpis řetězce do dokumentu</script>

 <a href="https://translate.google.com/">
    <img class="logo-search" src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" style="position: absolute; left:45%" width="10%" height="10%"></a>
    <form class="search-form" method="get" action="https://translate.google.com/" target="_top"; style="position: absolute; left:250pt; top: 30%">
        <input type="text" value = retezec name="q" class="search-bar" style="font-size: 30pt; width: 150%; font-family: 'Times New Roman', Times, serif;">
    </form>
    

    </body>
</html>

共有1个答案

阎晗日
2023-03-14

您需要设置搜索输入的值,并且在创建DOM之后运行脚本。

我修改了你的剧本,所以你可以有更好的理解。

  • 在输入上设置一个ID,这样我们就可以从脚本中锁定该输入。
  • 在正文的结束标记之前编写脚本,这样脚本就可以在创建所有DOM元素之后运行。

null

<!DOCTYPE html>
   <html>
    <head>
        <meta charset="utf-8">
        <title>Titel</title>
    </head>
    <body>
                 

       <a href="https://translate.google.com/">
          <img class="logo-search" src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" style="position: absolute; left:45%" width="10%" height="10%">
       </a>
       <form  class="search-form" method="get" action="https://translate.google.com/" target="_top"; style="position: absolute; left:250pt; top: 30%">
          <input id="search-box" type="text" name="q" class="search-bar" style="font-size: 30pt; width: 150%; font-family: 'Times New Roman', Times, serif;">
       </form>
    
       <script>
         var datum = new Date(); // aktuální datum
         var retezec = ""; // postupně se k němu budou přičítat další řetězce
         retezec += datum.getDate() + ". "; // Den v měsíci
         retezec += (1 + datum.getMonth()) + ". "; // Měsíce jsou číslovány od nuly
         document.getElementById('search-box').value = retezec;
       </script>
     </body>
 类似资料:
  • 大家好,根据搜索框中的conatiner图像在这里!我只是想问当用户在搜索框中键入一个名称时,应该显示特定的字段。我把我的视图。JSP代码也在这里吗?? vuew.jsp<%@page import=“com.privery.servicebuilder.service.blobdesolocalserviceutil”%><%@taglib uri=“http://java.sun.com/po

  • import { Search } from 'feui'; components: { [Search.name]: Search } 代码演示 浮动到顶端用法 <fe-search @result-click="resultClick" @on-change="getResult" :results="results" v-model="value"

  • 使用指南 组件介绍 搜索框 引入方式 import { SearchBar } from 'feart'; components: { "fe-search-bar": SearchBar } 代码演示 基础用法 <fe-search-bar v-model="value" /> 样式风格 <fe-search-bar v-model="value" searchType="plai

  • 定义 搜索框。 图片展示 代码演示 import Search from 'pile/dist/components/search' <Search onChangeHandle={function(text){console.log("text:" + text)}} onClearHandle={function(){console.log("clearHandle")}} on

  • 本文向大家介绍IOS改变UISearchBar中搜索框的高度,包括了IOS改变UISearchBar中搜索框的高度的使用技巧和注意事项,需要的朋友参考一下 一、系统的searchBar 1、UISearchBar的中子控件及其布局 UIView(直接子控件) frame 等于 searchBar的bounds,view的子控件及其布局 UISearchBarBackground(间接子控件) fr

  • 我有大量相同类型的实体,每个实体都有大量属性,并且我只有以下两种选择来存储它们: 将每个项存储在索引中并执行多索引搜索 将所有enties存储在单个索引中,并且只搜索1个索引。 一般而言,我想要一个时间复杂度之间的比较搜索“N”实体与“M”特征在上述每一种情况!