web实验一

最新推荐文章于 2024-04-28 22:54:34 发布
最新推荐文章于 2024-04-28 22:54:34 发布
阅读量964 收藏 10
点赞数 2
分类专栏： web实验 文章标签： html5 html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zj5566778899/article/details/124410170
版权

【实验目的与要求】

1．掌握常用的HTML语言标记；

2．利用文本编辑器建立HTML文档，制作简单表单页面。

【实验内容】

编写一个能输出如下图所示界面的HTML文件。要求：

（1）校验输入的E-mail的格式：用户名@域名。

（2）校验输入的电话格式：11位数字组成。

（3）性别“女”为默认选项

（4）年龄的列表选项有：20以下、20、21、22、23、24、25、25以上，其中“20以下”为默认选项。

{  页面实现（参考）  }：

<html>
<head >
</head>
<body  background="http://img1.tcdachun.com/161104/330522-16110415305398.jpg">
    <h1><B><I><FONT COLOR="#FF00FF">
    <MARQUEE BGCOLOR= "#FFFF00" direction=left behavior=alternate>welcome to you</MARQUEE>
    </FONT></I></B></h1>
    <form>
    <fieldset>
    <legend>个人信息</legend>
    <table>
    <tr><th colspan="7">请留下个人信息</th></tr>
    <tr>
        <th>姓名：</th>
        <td colspan="3"><input type="text"></td>
    </tr>
    <tr >
        <th>E-mail：</th>
        <td colspan="6"><input type="Email"></td>
    </tr>
    <tr >
        <th>电话：</th>
        <td colspan="4"><input type="text"></td>
    </tr>
    <tr>
        <th>性别：</th>
                    <td><input type="radio" name="性别">男</td>
                                              <td><input type="radio" name="性别">女</td>
    </tr>
    <tr >
                <th>年龄：</th>
                 <td><select>
                                <option selected>20以下</option>
                                <option>20</option>
                                <option>21</option>
                                <option>22</option>
                                  <option>23</option>
                                  <option>24</option>
                                  <option>25</option>
                                  <option>25岁以上</option>
                              </select></td>
    </tr>
    <tr>
        <th rowspan="3">留言板：</th>
        <td colspan="6" rowspan="3"><textarea rows="5" cols="50" warp="soft"></textarea></td>
    </tr>
    <tr></tr>
    <tr></tr>
    <tr><th rowspan="4">你的爱好：</th>
                <td><input type="checkbox">运动</td></tr>
    <tr>      <td><input type="checkbox">阅读</td></tr>
    <tr>      <td><input type="checkbox">听音乐</td></tr>
    <tr>      <td><input type="checkbox">旅游</td></tr>
    </tr>
    <tr>
        <th colspan="3"><input type="submit" value="提交"></th>
        <th colspan="3"><input type="reset" value="全部重写"></th>
    </tr>
    </table>
    </fieldset>
    </form>
</body>
</html> 

{  页面效果  }：

 

面试小白进阶之路
关注
专栏目录
web实验超详细步骤
qq_56628318的博客
05-31 2239
web网页详细制作
Web实验一 Servlet技术及应用
weixin_45984250的博客
04-22 4733
一、实验预习内容 Web页面中都可以使用哪些方式来发送HTTP请求？ (1)用户在浏览器的地址栏中输入URL并按回车键; (2)用户点击了HTML页面中的超链接; (3)用户在HTML页面中添写一个表单并提交. GET与POST两种请求方式有什么区别？分别适用于什么情况？ (1)GET方法用来检索资源.它的含义是”获得由该URI标识的资源”.GET方法请求的资源通常是静态资源.使用GET也可以请求动态资源,但一般要提供少量的请求参数. (2)POST方法用来向服务器发送需要处理的数据,它的含义是”将
[Web程序设计]实验: Web基础
各类程序设计成品、文档、学习资料
06-25 744
掌握开发工具的安装和配置；熟悉程序的编写，运行和访问方法；请编写出一个HTML页面，令其输出“hello world!~~”，使用css将其字体设置为宋体红色；编写一个HTML页面，页面包含数字和按钮两部分，每次单击按钮可以使数字加一。熟练掌握常用HTML标签；熟练掌握CSS的语法应用；熟练掌握JS的语法和使用。做好预习，明确试验目的。对试验过程认真记录，得出配置总结；
web综合实验
m0_73952455的博客
04-28 482
现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的。老师把课程内容安排的很合理，讲的大都是很基础的知识，这对于像我这样对网络了解不多的学生来说很容易理解，接受。通过对这门课的学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。
1.7HTML表单：
beloved_yu的博客
10-25 474
input type="email">：带有 “email” (电子邮箱) 类型标记的输入框元素 () 能够让用户输入或编辑一个电子邮箱地址，此外，如果指定了multiple属性，用户还可以输入多个电子邮箱地址。HTML 元素表示一个多行纯文本编辑控件，当你希望用户输入一段相当长的、不限格式的文本，例如评论或反馈表单中的一段意见时，这很有用。post：指的是 HTTP POST 方法，表单数据会包含在表单体内然后发送给服务器，用于提交敏感数据，如用户名与密码等。
WEB实验1
08-03
通过这个实验，学生能深入理解JSP、Servlet和JDBC在Web应用程序开发中的应用，掌握如何通过Java技术与数据库交互，实现用户登录验证、信息添加和查询等功能，同时强化了代码封装和Web开发实践能力。
23215120203陆金玲web实验一.rar.zip
05-23
它们似乎是指向一个名为"23215120203陆金玲web实验一.rar.zip"的压缩文件，这通常是一个包含实验作业或项目文件的压缩包。然而，由于没有标签或其他详细描述来明确指出这个"web实验一"具体涉及哪些IT概念或技术，我...
web实验一：制作登录界面
06-03
其中需要插入一张图片命名为img
课程作业-基于Java实现web实验登录界面源码+项目说明.zip
10-18
课程作业-基于Java实现web实验登录界面源码+项目说明.zip课程作业-基于Java实现web实验登录界面源码+项目说明.zip课程作业-基于Java实现web实验登录界面源码+项目说明.zip课程作业-基于Java实现web实验登录界面源码+...
Web实验报告Web实验报告pdf
最新发布
09-14
1)网站主题:必须围绕一个确定主题创建网站，否则成绩以不及格计。 2)站点名称:必须为自己的站点命名，名称要紧扣站点主题，并反映在每个网页上。 3)站点根文件夹:以个人学号及姓名命名。 4)文件与文件夹:网站内使用...
web实验3实验报告
05-20
1、上机验证教材上第五章示例程序。。 2、开发一个页面，当客户第一次访问时，需在线注册姓名、性别等信息，然后把信息保存到Cookies中。下一次如该客户再访问，则显示“某某，您好，您是第几次光临本站的欢迎信息”。 3．试编写一个ASP程序，实现一个简单的聊天室，能够显示发言人的姓名、发言内容和发言时间等。（提示：利用Application对象）
HTML5学习笔记第二节（Email标签（自动验证格式），Number标签，URL标签...）
weixin_30258901的博客
11-28 446
介绍与导航， ---------------------------------------------------------------------------------------- 1.Email输入框,自动验证Email有效性。 2.number数字输入，验证正确，可以设置开始结束位。 3.URL输入框，可以验证URL输入的有效性。 4.Date pickers (date,...
web 实验一 HTML基本标签实验
qq_62377885的博客
05-15 867
通过创建HTML5网页，验证form内多种元素标签及其属性的作用及意义。
Web实验课程报告
xiehuiru的博客
12-26 6501
一、实验内容 本学期web实验课我做了两方面的内容，一方面是有机农场管理系统的继续完善，另一方面是系统模块功能的展，实现利用Cookie的登录注册功能。 仔细研究了去年的web项目，在有机农场管理系统的基础上更改了原系统的CSS和HTML等，使界面更加美观。又在原系统基础上扩展了登录功能，实现了登录注册功能。并且利用了cookie识别用户的身份。 二、实验目的 掌握...
web实验项目
weixin_51078721的博客
04-29 444
...
Web程序设计 实验三-2
lxy012599的博客
11-10 281
Web程序设计 实验三-2
《Web程序设计基础R》实验报告---HTML基础
一只小鹿的博客
12-21 4782
一、实验目的 1．掌握常用的HTML语言标记； 2．利用文本编辑器建立HTML文档，制作简单表单页面。 二、实验环境 计算机、Windows10 操作系统 三、实验内容、源码及运行结果 1．  实验内容 在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用） 源程序清单如下： 1. <html> 2. <head> 3. <title>Example</title&
Web程序设计基础R课程实验 2021 太原理工大学
关北道.
12-10 8212
太原理工大学 Web程序设计基础R实验报告
Web实验教程：ASP与CSS实践
"这是一份针对学生的Web实验指导书，涵盖了使用ASP和CSS进行网页设计以及JavaScript编程的基础知识。实验内容包括HTML基本元素的使用、CSS样式应用、JavaScript交互功能的实现，旨在提升学生的Web开发技能。" 实验...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值