【作业1表单】

已于 2024-07-08 23:01:24 修改
阅读量80 收藏
点赞数 2
文章标签： 前端 javascript html
于 2024-07-08 22:59:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_81843037/article/details/140280834
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业1表单</title>
</head>
<body>
    <form action="https:www.baidu.com" method="post">
        <table border="1px" align="center">
            <!--表格划分-头-->
            <thead>
                <tr>
                    <th colspan="2">用户注册</th>
                    <!-- <th></th> -->
                </tr>
            </thead>
            <!--表格划分_体-->
            <tbody>
                <tr>
                    <td>用户名</td>
                    <td><input type="text" name="username"height="15" maxlength="20"></td>
                </tr>
                <tr>
                    <td>密码</td>
                    <td><input type="text" name="password" height="15" maxlength="20></td>
                </tr>
                <tr>
                    <td>性别</td>
                    <td><input type="radio" name="sex" value="1" id="" checked>男 <input type="radio" name="sex" value="0">女</td>
                </tr>
                <tr>
                    <td>爱好</td>
                    <td><input type="checkbox" name="like" value="写作" id="">写作
                        <input type="checkbox" name="like" value="听音乐" id="">听音乐
                        <input type="checkbox" name="like" value="体育" id="" >体育</td>
                </tr>
                <tr>
                    <td>省份</td>
                    <td><select name="province" id="">
                        <option value="shaanxi" checked>陕西省</option>
                        <option value="shanx">山西省</option>
                     </select></td>
                </tr>
                <tr>
                    <td colspan="2">自我介绍<textarea name="intro" id="" cols="25" rows="5" placeholder="这个家伙什么也没留下"></textarea></td>
                    <!-- <td></td> -->
                </tr>
            </tbody>
            <!--表格划分-尾-->
            <tfoot>
                <tr>
                    <td colspan="2" align="center"><button type="submit" name="send">提交</button><button type="reset" name="reset">重置</button></td>
                    <!-- <td></td> -->
                </tr>
            </tfoot>
    </form>
</body>
</html>

2301_81843037
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML——表单作业(一)
iheyu(一个新手小白女PHP初学者)
08-23 1177
1.表单提交方式中的GET和POST，那个会修改网址？ GET:是把传的值显示在网址里面 POST:是把值放在http头里面 所以GET能修改网址 2.input标签不同类型的尝试 1.滑动条代码段 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...
网页设计注册表单的一部分
05-29
网页设计作业
html表单作业练习
努力的凤梨
05-29 2278
淘宝注册表 名字 姓氏 登录名 密码 再次输入密码 电子邮箱 性别 男 女 爱好 运动 聊天 玩游戏 出生日期 年 月 日 阅读淘宝网服务协议 淘宝平台：指包括淘宝网（域名为 ...
Web作业表单的制作
excellentOneBoy的博客
12-13 1436
Web表单
表单标签(web作业)
Stwemh的博客
09-17 880
web课程的表单作业 在网页中打开： 代码如下： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;web作业&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form&gt; &lt;label for
Axure简单作业-表单和流程图
mtm001的专栏
02-23 602
设计HTML5表单
码说芯语的博客
08-15 1962
一文读懂HTML表单设计！
PHP语言之表单基础--educoder作业
qq_54937955的博客
12-28 1813
PHP语言之表单基础--educoder作业
html实现用户调查的表单网页,江苏开放大学网页制作基础及HTML测试作业二制作1个E游调查的表单网页...
weixin_39803207的博客
06-15 2730
资源下载资源下载价格10元立即支付或升级VIP后 8 折优惠立即升级购买问题请提交工单江苏开放大学网页制作基础及HTML测试作业一制作介绍中国瀑布的图文混排网页：http://www.ddwk123.com/?p=28543江苏开放大学网页制作基础及HTML测试作业二制作1个E游调查的表单网页：http://www.ddwk123.com/?p=28545江苏开放大学网页制作基础及HTML...
EduCoder_web实训作业--表单的结构
weixin_45803282的博客
12-02 900
第一关 D A C B C 第二关 <!-- ********* Begin ********* --> <form name="selectForm" method="post" action="myselect.jsp"> <!-- ********* End ********* --> 欢迎大家关注！
Bootstrap表单的使用
Debug的博客
02-26 2514
HTML中表单是网页和应用程序不可缺少的一部分，Bootstrap通过预定义的类极大的简化了表单组件的样式及使用方式。
泛微OA开发技巧作业流程表单HTML扩展开发推荐设计器实现设置表单元素的长度.docx
12-17
泛微OA开发技巧作业流程表单HTML扩展开发推荐设计器实现设置表单元素的长度 泛微OA开发技巧作业流程表单HTML扩展开发推荐设计器实现设置表单元素的长度是泛微OA开发中的一个重要技术，旨在提高开发效率和代码质量。...
作业1
02-19
"作业1"提及是代码存储库，这可能意味着学生使用了版本控制系统，如Git。Git帮助开发者跟踪文件的更改，协同工作，并管理项目历史。homework1-master可能是GitHub或类似平台上的一个仓库名，其中包含了作业的各个...
设计作业1
08-08
1. **数据绑定**：AngularJS的核心特性之一，实现了视图（View）和模型（Model）之间的自动同步。这减少了手动操作DOM（文档对象模型）的需要，使开发者能够集中精力于业务逻辑。 2. **模板系统**：AngularJS使用...
前端面试题日常练-day97 【Less】
最新发布
qq_44640575的博客
07-20 321
border-radius()函数用于在Less中生成圆形边框效果。通过设置border-radius()函数，我们可以为元素的边框添加圆角效果，使边框呈现圆形的外观，从而美化页面元素的边框样式。
TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！
OpenTiny的博客
07-17 1082
本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。
谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if
epitomizelu的专栏
07-20 549
v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。
LG 选择 Flutter 来增强其智能电视操作系统 webOS
恋猫de小郭的博客
07-17 1544
总的来说，LG 是 Flutter 在 TV 领域的一次新的尝试，并且它是在脱离了 Android 平台的场景下实现的支持，虽然 webOS 并不是什么流行的系统，但是这也体现出了 Flutter 的特点：可以用较低的成本实现较好性能的跨平台。后续，在 LG 的主导下，WebOS 经过进一步修改，转变为智能电视操作系统，于是 WebOS TV 就诞生了，此后 LG 的 TV 基本路线定为 webOS ，在应用层面，WebOS TV 以基于 Web 的技术为基础。然后 LG 为什么选择 webOS？
＜Rust＞＜GUI＞rust语言GUI库tauri体验：前、后端结合创建一个窗口并修改其样式
用沸腾的热血，支付我们的人生吧！
07-16 1196
前言 本文是rust语言下的GUI库：tauri来创建一个窗口的简单演示，主要说明一下，使用tauri这个库如何创建GUI以及如何添加部件、如何编写逻辑、如何修改风格等，所以，这也是一个专栏，将包括tauri库的多个方面。 环境配置 系统：windows 平台：visual studio code 语言：rust、javascript、html、css 库：tauri概述 本文是tauri库系列博文的第一篇，主要是简单实现一个窗口程序并成功运行，当然，这是基于官方的示例，事实上官方给出的上手例程非常详细，不
对表单中的输入框使用onblur事件进行重写验证，表单参考第四次作业的表单验证
03-16
好的，对表单中的输入框使用onblur事件进行重写验证，可以参考第四次作业的表单验证。具体步骤如下： 1. 在HTML中，给需要验证的输入框添加onblur事件，例如： <input type="text" name="username" id="username" onblur="checkUsername()"> 2. 在JavaScript中，编写验证函数，例如： function checkUsername() { var username = document.getElementById("username").value; var reg = /^[a-zA-Z-9_-]{4,16}$/; if (!reg.test(username)) { alert("用户名必须由4-16位字母、数字、下划线或减号组成！"); document.getElementById("username").focus(); return false; } return true; } 3. 在验证函数中，使用正则表达式进行验证，并根据验证结果弹出提示框。 4. 在HTML中，给表单添加onsubmit事件，例如： <form action="#" method="post" onsubmit="return checkForm()"> ... </form> 5. 在JavaScript中，编写表单验证函数，例如： function checkForm() { if (!checkUsername()) { return false; } // 其他输入框的验证 return true; } 6. 在表单验证函数中，调用各个输入框的验证函数，并根据验证结果返回true或false。 以上就是对表单中的输入框使用onblur事件进行重写验证的步骤，希望能对您有所帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值