021-网页应用开发WebApplicationDevelopment（七）

最新推荐文章于 2022-02-26 15:09:23 发布

Lich Howger

最新推荐文章于 2022-02-26 15:09:23 发布

阅读量154

点赞数

分类专栏： WebApp

本文链接：https://blog.csdn.net/qq_33781658/article/details/103036187

版权

WebApp 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

HTML表单form

写个最简单的表单

<body>

<form method="get">
    <input type="text">
    <input type="password">
    <input type="submit">
</form>

</body>

一个text,一个password

一个submit提交

Select

<select name="" id="">
    <option value="option01">a01</option>
    <option value="option01">a02</option>
    <option value="option01">a03</option>
    <option value="option01">a04</option>
</select>

<select name="" id="id01">
    <optgroup name="" id="id02">
        <option value="option01">a01</option>
        <option value="option01">a02</option>
        <option value="option01">a03</option>
        <option value="option01">a04</option>
    </optgroup>
    <optgroup name="" id="id03">
        <option value="option01">a01</option>
        <option value="option01">a02</option>
        <option value="option01">a03</option>
        <option value="option01">a04</option>
    </optgroup>
</select>

datalist标签在form中

<form action="">
    <input type="text" list="abc">
    <datalist id="abc">
        <option value="option01">a01</option>
        <option value="option02">a02</option>
        <option value="option03">a03</option>
        <option value="option04">a04</option>
    </datalist>
</form>

Event事件类型

1.Mouse Event
2.Touch Event
3.Keyboard Event
4.Form Event
5.Window Event

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

    <style>
        div {
            width: 100px;
            height: 100px;
            border: 2px solid red;
        }
    </style>
</head>

<body>

<div id="div01"></div>

</body>

<script>
    var show = function () {
        alert('hello world');
    }

    var target = document.getElementById('div01');
    target.addEventListener('click', show);
</script>
</html>

Lich Howger

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
021-网页应用开发WebApplicationDevelopment（七）

HTML表单form写个最简单的表单<body><form method="get"> <input type="text"> <input type="password"> <input type="submit"></form></body>一个...
复制链接

扫一扫