js网页制作08

最新推荐文章于 2023-04-15 23:40:51 发布
最新推荐文章于 2023-04-15 23:40:51 发布
阅读量125 收藏 1
点赞数
文章标签： javascript 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62788719/article/details/127624912
版权

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>在线报名</title>

        <link rel="stylesheet" type="text/css" href="作业3.css"/>

    </head>

    <body>

        <div id="box">

            <h2 class="header">下面就开始报名吧<span>(以下信息是报名的重要依据，请认真填写)</span></h2>

            <form action="#" method="post">

                <table class="content">

                    <tr>

                       <td class="left">姓名<span class="red">*</span></td>

                       <td><input type="text" value="报名重要依据,请认真填写" class="txt01"/></td>

                       <tr/>

                    <tr>

                        <td class="left">手机<span class="red">*</span></td>

                        <td><input type="text" value="报名重要依据,请认真填写" class="txt02"/></td>

                    </tr>

                    <tr>

                        <td class="left">性别<span class="red">*</span></td>

                        <td>

                            <label for="boy"><input type="radio" name="sex" id="boy" />男</label>

                            <label for="girl"><input type="radio" name="sex" id="girl" />女</label>

                        </td>

                    </tr>

                    <tr>

                        <td class="left">邮箱<span class="red">*</span></td>

                        <td><input type="text" class="txt03" /></td>

                    </tr>

                    <tr>

                        <td class="left">意向课程<span class="red">*</span></td>

                        <td>

                            <select class="course">

                                <optio>网页设计</optio>

                                <option selected="selected">平面设计</option>

                                <option>UI设计</option>

                            </select>

                        </td>

                    </tr>

                    <tr>

                        <td class="left">了解传智渠道</td>

                        <td>

                            <label for="baidu"><input type="checkbox" id="baidu" />baidu</label>

                            <label for="it"><input type="checkbox" id="it" />论坛</label>

                            <label for="friend"><input type="checkbox" id="frined" />朋友推荐</label>

                            <label for="csdn"><input type="checkbox" id="csdn" />CSDN视频网站</label>

                            <label for="video"><input type="checkbox" id="video" />视频教程</label>

                            <label for="other"><input type="checkbox" id="other" />其他</label>

                        </td>

                    </tr>

                    <tr>

                        <td class="left">留言</td>

                        <td><textarea rows="5" cols="50" class="message">请简述您有没有设计基础，以及为什么选择学习网页平面UI设计。                

                        </textarea></td>

                    </tr>

                    <tr>

                        <td>&nbsp;</td>

                        <td><input type="submit" value="提交" /></td>

                    </tr>

                </table>

            </form>

        </div>

    </body>

</html>

css

body{font-size: 12px; font-family: "宋体"; color: #515151;}

body,h2,form,table{padding: 0; margin: 0;}

#box{

    width: 660px;

    height: 600px;

    border: 1px solid #CCC;

    padding: 20px;

    margin: 50px auto 0;

}

.header span{

    font-size: 22px;

    color: #0b0b0b;

    padding-bottom: 30px;

}

.header span{

    font-size: 12px;

    font-weight: normal;

}

td{padding-bottom: 26xp;}

td.left{

    width: 78px;

    text-align: right;

    padding-right: 8px;

}

.red{color: #F00;}

.txt01,.txt02{

    width: 264px;

    height: 12px;

    border: 1px solid #CCC;

    padding: 3px 3px 3px 26px;

    font-size: 12px;

    color: #949494;

}

.txt01{

    background: url(img/OIP-C.jpg) no-repeat 2px center;

}

.txt02{

    background: url(img/OIP-C.jpg) no-repeat 2px center;

}

.txt03{

    width: 122px;

    height: 12px;

    padding: 3px 3px 3px 26px;

    font-size: 12px;

    background: url(img/OIP-C.jpg) no-repeat 2px center;

}

.course{width: 184px;}

.message{

    width: 432px;

    height: 164px;

    font-size: 12px;

    color: #949494;

    padding: 3px;

}


 

小困ing
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html+css+js网页设计星巴克网页设计.zip
04-29
html+css+js网页设计星巴克网页设计.ziphtml+css+js网页设计星巴克网页设计.ziphtml+css+js网页设计星巴克网页设计.ziphtml+css+js网页设计星巴克网页设计.ziphtml+css+js网页设计星巴克网页设计.ziphtml+css+js网页...
Js制作简单的网页
ahty的专栏
08-20 3万+
 一个简易的纯JS的CRM管理系统 1 概述 这是一个综合的JS开发的管理系统，仅有基本功能，大约1500行代码，使用本地的数据localStorage作为临时测试数据的存储，同时用到了sessionStorage作为用户登陆信息的存储。该管理系统从用户登陆、注册到退出都采用了相关联的操作，让用户在没有登陆的情况下无法进入主页，有3天记住密码的选项，而且搜索中用了很多
Web前端开发技术课程大作业: 关于美食的HTML网页设计——HTML+CSS+JavaScript在线美食订餐网站html模板源码30个页面:
HTML网页设计
07-30 1万+
👨‍🎓静态网站的编写主要是用HTML DIV+CSS JS等来完成页面的排版设计👩‍🎓,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode 、Webstorm、Animate等等，用的最多的还是DW，当然不同软件写出的前端Html5代码都是一致的，本网页适合修改成为各种类型的产品展示网页，比如美食、旅游、摄影、电影、音乐等等多种主题，希望对大家有所帮助。 🎀 精彩专栏推荐👇🏻👇🏻👇🏻 🧡 【作者主页——🔥获取更多优质源码】 🧡 【...
javascript入门实例：实现简单网页功能
m0_38045338的博客
01-02 4859
这两天帮朋友做一个简单的小网页，由于是初次接触HTML5和css，只实现了最基本的功能，后续会再对功能样式进行填充优化，这里记录一下。 实现效果：可通过切换上面的导航栏实现左侧导航栏的切换，并通过左侧导航栏的切换实现右侧具体导航内容的展示。 代码如下： <!DOCTYPE html> <html lang="ch"> <head> <meta ...
HTML+CSS+JS网页设计
m0_73738929的博客
04-15 3万+
HTML页面主要由：登录、注册跳转页面，轮播图，家乡简介，热门景点，特色美食等组成。通过Div+CSS、鼠标滑过特效、获取当前时间，跳转页面、基本所需的知识点全覆盖。提示：以下是本篇文章正文内容，下面案例可供参考。
用HTML+CSS做一个漂亮简单的个人网页
热门推荐
qq_42523321的博客
12-20 57万+
用HTML+CSS做一个漂亮简单的个人网页 1.刚好帮我妹写了一个作业做一个个人网页设计，简单的三个小页面，就从网上随便找了图片自己随便设计了下东拼西凑哈哈哈！！！可能有点low但是对她来说或者需要做简单的个人网站应该就够了吧！ 图片是从站酷上面找的(因为我不会设计图)，如果有侵权了什么的请联系我立刻马上删掉哈! （首页的首屏有下雪了的特效，右下角有音乐播放提示） 2.先看一下效果哈！ 效...............
JavaScript网页设计300例.rar
08-22
适合新手学习使用的javascript案例集，包含21个子内容，包含密码篇，鼠标特效，游戏篇，cookie脚本，页面特效等。
JS.rar_javascript_js制作网页_js网页特效
09-20
用javascript做的网页特效，比较炫，喜欢网页制作的朋友可以参考
javascript网页设计期末作业 购物网站
04-04
网页共分为五个子网页，分别为： 1.登录页面 2.主页 3.购物车 4.留言板 5.个人中心 其中主页完成度最高，可以单独拿出来使用(不过需要删掉登录验证模块) 网页实现的主要功能有： 1.登录及验证 2.轮播图 3.下拉菜单 4...
《网页设计与制作项目教程（HTML+CSS+JavaScript）》源代码.zip
02-03
《网页设计与制作项目教程（HTML+CSS+JavaScript）》源代码
用js做个简单的网页
09-30
简单的网页
js实现前端网页HTML
06-04
简单的网页切换，个人简介，基本的js效果，图片切换，跑马灯效果、
JS实现网页上签名
03-23
jSignature 在网页上手写签名的插件(html5手写签名) 在IE7~IE8这种不支持HTML5的浏览器上，是利用Flash嵌入的方式实现的签名处理; 在支持的HTML5的浏览器上默认采用canvas标签处理签名，可以生成 PNG格式、SVG格式的签名图片。 非常适合在IPAD等移动客户端上实现手写签名的，该插件基于JQuery
【HTML③】JavaScript基础、使用JavaScript制作网页特效、使用前端库及UI框架快速开发
梦园08的博客
09-25 2405
JavaScript基础、使用JavaScript制作网页特效、使用前端库及UI框架快速开发
dreamweaver网页大作业 我的家乡——南京玄武湖旅游攻略(4页) 学生网页设计作业源码
QQ_____365392777的博客
08-10 2412
1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。3.知识应用：技术方面主要应用了网页知识中的: Div+CSS、鼠标滑
CSS+HTML+JS----开发简单个人网站
༄༊星河༣
12-30 8958
个人网站分为三个部分，登录界面，主界面，以及分界面。 登陆界面主要核心js代码: <script> function checkLogon(){ var name = document.getElementById("username").value; var pass = document.getElementById("password").value; //判断非空 if((name==null ||
用JS 制作一个简易的时间网页
weixin_66288388的博客
06-17 809
使用js 制作一个简易的网页，用于显示时间
网页制作之JavaScript篇
zuefeng的博客
07-21 3063
独立的语言，浏览器就是他的解释器 JavaScript存在形式： - Head中 <script type="text/javascript"> // javascript代码 alert(123) </script> - 文件中 <script src="common.js"></script> <!DOCTYPE..
使用JavaScript制作动态网页-1
wxwxyh的博客
09-02 1万+
使用JavaScript制作动态网页-1 JavaScript是什么 JavaScript是一种描述语言，基于对象和事件驱 动的脚本语言。 1. JavaScript的特点 脚本语言（一种轻量级的编程语言） 一种解释性语言（无需预编译） 被设计为向HTML页面添加交互行为 运行于客户端 2. ECMAScript是JavaScript的标准和基础 3. JavaScript与JAVA的关系 j...
如何制作html+css+js网页设计
最新发布
04-27
制作一个网页设计需要以下步骤： 1. 确定网页设计的主题和目的 2. 使用 HTML 标记语言定义页面的结构和内容 3. 使用 CSS 样式表控制页面的布局和样式 4. 使用 JavaScript 添加交互和动画效果 以下是更详细的步骤：...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值