前端各项功能示例

  • 标准网页
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <base href="/static/">
    <link rel="stylesheet" href="bulma.min.css">
    <script src="htmx.min.js"></script>
</head>
<body>
    
</body>
</html>
  • 表单示例
<!--如果表单包含文件上传，则添加enctype="multipart/form-data"-->
<form action="/upload" method="post">
    <label for="name">姓名</label>
    <input type="text" name="name" placeholder="姓名">
    <input type="email" name="email" placeholder="邮箱">
    <input type="password" name="password" placeholder="密码">
    <fieldset>
        <input type="number" name="number" placeholder="数字">
        <textarea rows="10" cols="30" name="rows">
        多行文本框
        </textarea>
    </fieldset>
    <select name="xiala">
        <option value="1">下拉选择1</option>
        <option value="2">下拉选择2</option>
        <optgroup label="选项组">
            <option value="3">下拉选项3</option>
            <option value="4">下拉选项4</option>
        </optgroup>
    </select>
    <input type="file" name="file">
    <input type="submit" value="提交">
    <button type="submit">点我</button>
</form>