Android 4.0.x Browser does not trigger the solution of the onTouchend event Zoewang

2023-01-02   ES   

<!-Note writing->

<!DOCTYPE html>  <!-Doctype tells the browser what specifications do we use->

<html lang="en">

<!-Head represents the head of the webpage->
<head>

    <!-Meta descriptive label, it is used to describe some information on our website->
    <!-Meta is generally used for SEO->
    <meta charset="UTF-8">
    <meta name="keywords" charset="7 7 7 Java">               <!-Keywords->
    <meta name="description" charset="Come here to learn Java">  <!-Description->

    <!-Title represents the title of the webpage->
    <title>My first webpage</title>
</head>

<!-Body represents the main body of the webpage->
<body>

Hello World！

</body>

</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Basic tag learning</title>
</head>
<body>

<!-title tag->
<h1>first -level label</h1>
<h2>Tag</h2>
<h3>three -level label</h3>
<h4>Level 4 label</h4>
<h5>Five -level labels</h5>


<!-Paragraph label->
<p>Slowly falling maple leaves like missing</p>
<p>I lit the candlelight and warm the end of the year at the end of the year</p>
<p>Aurora plunder the sky</p>


<!-Horizontal Line Tag->
========================================<hr/>


<!-Change label->Beifeng overwhelmed your face<br/>I burned love into fallen leaves<br/>but can't change the familiar face<br/>


<!-Coarse oblique body->
<h1>Font style tag</h1>thick body:<strong>I love you</strong> <br/>oblique body:<em>I love You</em> <br/>


<!-Special symbol->empty grid<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;grid<br/>
&gt; <br/>
&lt; <br/>
&copy;All rights reserved Jay Chou<br/>

<!-- 
   Special symbol memory method: 
   &; 

 ->



</body>

</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>image label learning</title>
</head>
<body>

<!-- 
     IMG tag learning: 
     SRC: Picture address 
           Relators (Recommended Relators), absolute address 
           ../ -Represents the first -level catalog 

     Title = "Qianqian" Hanging Text 
     alt = "Qianqian photo" picture name (must be filled) 
 ->

<img src="../resource/image/1.jpg" alt="Qianqian photo" title="Qianqian" width="500" height="600">
<a href="4. Link label .html# DOWN">jump</a>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Link label learning</title>
</head>
<body>

<!-Use name as a mark->
<a name="top">top</a>

<!-- 
      A tag learning: 
      href = "" must be filled, indicating which page to jump to 
      target = "" means where the window is opened 
          _blank opened in the new label 
          _Self opens in your own webpage 


 ->

<a href="1. My first webpage.html" target="_blank">Click me to jump to page one</a>
<a href="https://www.baidu.com" target="_self">Click I jump to Baidu</a>
<br/>

<a href="https://www.baidu.com">
  <img src="../resource/image/1.jpg" alt="Qianqian photo" title="Qianqian" width="500" height="600">
</a>


<p>
  <a href="https://www.baidu.com">
    <img src="../resource/image/1.jpg" alt="Qianqian photo" title="Qianqian" width="500" height="600">
  </a>
</p>
<p>
  <a href="https://www.baidu.com">
    <img src="../resource/image/1.jpg" alt="Qianqian photo" title="Qianqian" width="500" height="600">
  </a>
</p>
<p>
  <a href="https://www.baidu.com">
    <img src="../resource/image/1.jpg" alt="Qianqian photo" title="Qianqian" width="500" height="600">
  </a>
</p>
<p>
  <a href="https://www.baidu.com">
    <img src="../resource/image/1.jpg" alt="Qianqian photo" title="Qianqian" width="500" height="600">
  </a>
</p>
<p>
  <a href="https://www.baidu.com">
    <img src="../resource/image/1.jpg" alt="Qianqian photo" title="Qianqian" width="500" height="600">
  </a>
</p>


<!-- 
     Anchor link: 
     1. Need an anchor mark 
     2. Jump to mark 
 ->
<a href="#top">Back to the top</a>
<a name="down">down</a>


<!-- 
     Functional connection: 
        1. Mail link: Mailto: 
        2.qq link: QQ promotion 

 ->

<a href="mailto:[email protected]">Click to contact Brother Mao</a>

<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes">
  <img border="0" src="http://wpa.qq.com/pa?p=2::52" alt="Hello, add me to receive benefits" title="Hello, add me to receive benefits"/>
</a>


</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>List Learning</title>
</head>
<body>

<!-Order list->
<ol>
    <li>java</li>
    <li>Python</li>
    <li>html</li>
    <li>css</li>
    <li>MySQL</li>
</ol>
<hr>

<!-No series 
     Scope of application: navigation, sidebar ... 
 ->
<ul>
    <li>java</li>
    <li>Python</li>
    <li>html</li>
    <li>css</li>
    <li>MySQL</li>
</ul>

<!-Customized list 
        DL: Tag 
        DT: List name 
        DD: List content 
 ->
<dl>
    <dt>discipline</dt>

    <dd>Java</dd>
    <dd>go</dd>
    <dd>python</dd>
    <dd>PHP</dd>
    <dd>Linux</dd>


    <dt>Location</dt>

    <dd>Xi'an</dd>
    <dd>Beijing</dd>
    <dd>Hubei</dd>
</dl>


</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Form tag</title>
</head>
<body>

<!- Table table 
         Ling TR ROS 
         Column TD 

 ->

<table border="2px">
  <tr>
    <!-Colspan = "4" cross-column->
    <td colspan="2">Student grade</td>

  </tr>
  <tr>
    <!-Rowspan = "2" cross-bank->
    <td rowspan="2">6</td>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
</table>

</body>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Media element learning</title>
</head>
<body>

<!-audio and video 
         SRC: Resource path 
         Controls: Control bar 
         AutoPlay: Automatic playback 
 ->

<video src="../resource/video/LeBron01.mp4" controls autoplay></video>

<audio src="../resource/audio/sound.mp3" controls autoplay></audio>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Page structure analysis</title>
</head>
<body>

<header>
  <h2>web header</h2>
</header>

<section>
  <h2>webpage main body</h2>
</section>

<footer>
  <h2>Webpage foot</h2>
</footer>

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!- iFrame: Inner Union framework 
             src: Address "https://www.baidu.com" 
             W-H: width and height 



 ->

<iframe src="https://www.baidu.com" frameborder="0" width="1000px" height="800px"></iframe>

<iframe src="" name="hello" frameborder="0" width="800px" height="1000px"></iframe>

<a href="https://www.sina.com.cn" target="hello">Click to jump</a>




<!--
<iframe src="//player.bilibili.com/player.html?aid=91909529&bvid=BV1Y7411K7zz&cid=311463534&page=1"
        scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true">
</iframe>
-->


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Login Registration</title>
</head>
<body>

<h1>Register</h1>


<!-Form form 
       Action: The location submitted by the form can be a website or a request processing address 
       Method: Post, get, submission method 
         Get method submission: We can see the information we submit in the URL, not safe, efficient 
         POST method submission: security, transmission of large files 
         ->
<form action="1. My first webpage.html" method="get">
  
  <!- Text input box: input type = "text" 
            Value = "Mao Ge is so handsome" default initial value 
            maxLength = "10" input the number of characters at most 
            size = "30" text box length 
            readonly read only 
            disabled banned cannot be submitted 
            hidden hidden 
            ->
  <p>Name:<input type="text" name="username" value="Mao Brother is so handsome" maxlength="10" size="30">
  </p>
  
  <!-Password box: input type = "password"->
  <p>Password:<input type="password" name="pwd">
  </p>


  <!-Single-selected box label: 
        input type = "raadio" 
        Value: The value of the single -election box 
        Name: Represents a group 
        ->
  <p>Gender:<input type="radio" value="boy" name="sex"/><input type="radio" value="girl" name="sex"/></p>


  <!-Multi-choice box: 
        input type = "Checkbox" 
        Checked default selection 
       ->
  <p>Hobbies:<input type="checkbox" value="sleep" name="hobby">Sleeping<input type="checkbox" value="play" name="hobby" checked>Playing<input type="checkbox" value="book" name="hobby">Reading<input type="checkbox" value="study" name="hobby">Learning</p>


  <!-button 
         input type = "Button" ordinary button 
         input type = "Image" image button 
         input type = "submit" submission button 
         input type = "reset" reset button 
         ->
  <p>button:<input type="button" name="btn1" value="Click to become longer">
      <input type="image" src="../resource/image/1.jpg">

  </p>


    <!-Submit-->
  <p>
    <input type="submit">    <!-submit submission-->
    <input type="reset" value="Clear form">     <!-Reset reset->
  </p>


  <!-drop-down box, list box 

          Selected: The value selected by the default 
         ->

  <p>List box<select name="List name">
          <option value="china">China</option>
          <option value="jsp" selected>Japan</option>
          <option value="us">The United States</option>
          <option value="uk">Britain</option>
      </select>
  </p>


  <!-text domain 
         textarea name = "textarea" color = "50" rows = "10" 
   ->
  <p>Feedback:<textarea name="textarea" cols="50" rows="10">Text content</textarea>

  </p>

  <!-File domain 
         input type = "FILE" 
         ->
  <p>
      <input type="file" name="files">
      <input type="button" value="Upload" name="upload">
  </p>


  <!-Email verification->
  <p>mailbox:<input type="email" name="email">
  </p>

  <!--URL-->
  <p>URL
      <input type="url" name="url">
  </p>

  <!-Digital->
  <p>Numbers:<input type="number" name="num" max="100" min="0" step="10">
  </p>

  <!-slider 
        input type = "range" name = "voice" min = "0" max = "100" step = "2" 
   ->
  <p>Volume<input type="range" name="voice" min="0" max="100" step="2">
  </p>


  <!-Search box->
  <p>Search:<input type="search" name="search">
  </p>


  <!-Enhanced mouse availability->
  <p>
      <label for="mark">You order me to try</label>
      <input type="text" id="mark">
  </p>

  <!- 
            readonly read only 
            disabled banned cannot be submitted 
            hidden hidden 

            Placeholder = "Please enter the name" prompt information (for input box) 
            required non -empty (not empty) 
            Pattern regular expression (search) 
   ->



</form>

  


</body>
</html>

source

Related Posts

LINUX offline installation TensorFlow-GPU-2.0.0

Retis distributed lock (optimistic lock) Nicolos based on LUA script

笔 笔 笔 1 1: tree -shaped DP

Openssl generate certificate G

Android 4.0.x Browser does not trigger the solution of the onTouchend event Zoewang

Random Posts

[Leveldb] Cache (18): BlockCache

Analyze the AJAX request and capture “Today’s Headline’s Street Shooting”

Repeated work: Be alert to the emotet virus email during the heavy insurance period

1 1 1 1 1 1

ANT component tool | Configuration information | batch processing command | cloning