html的一些简单用法

最新推荐文章于 2022-11-12 22:35:00 发布
最新推荐文章于 2022-11-12 22:35:00 发布
阅读量404 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangtaoloving/article/details/39860653
版权

主要讲了一些HTML的简单用法，下面用一个列子来说明：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
<body>
<fieldset style="width:1000px">
<legend><h1>第一步:软件下载</h1></legend>

<font style="color:red;font-size=14px">
&nbsp;&nbsp;通过网页可直接登录软件，但是为了获得更佳操作体验，强烈建议下载并安装软件
</font><br/><br/>
<font style="font-size=14px">
&nbsp;&nbsp;软件下载地址：<a href="dianxin.html" id="first">电信</a>&nbsp;<a href="wangtong.html">网通</a>
<span style="font-size:14px">
(右键另存为或使用下载工具下载)
</span>
</font>

</fieldset>
<br/>
<fieldset style="width:1000px">
<legend><h1>第二步:编写企业信息</h1></legend>
<div>
&nbsp;&nbsp;&nbsp;&nbsp;
<span style="color:orange">※</span>企业名称:
<input type="text" size="32">
</div>
<div>
&nbsp;&nbsp;&nbsp;&nbsp;
<span style="color:orange">※</span>所属行业:
<select>
<option>请选择...</option>
</select>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<span style="font-size:12px">(系统会根据所属行业自动配置版本，请认真选择)
</span>
</div>
<div>
&nbsp;&nbsp;&nbsp;&nbsp;
<span style="color:orange">※</span>所在区域:
<select>
<option>请选择...</option>
<option></option>
</select>
<select>
<option>请选择...</option>
<option></option>
</select>
<select>
<option>请选择...</option>
<option></option>
</select>
<input type="text" size="26">
</div>
<div>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<span style="color:orange">※</span>联系人:<input type="text" size="32">
<select>
<option>先生</option>
<option>女士</option>
</select>
</div>
<div>
&nbsp;&nbsp;&nbsp;
<span style="color:orange">※</span>联系电话:
<input type="text" size="32" value="建议输入手机号码" οnfοcus="this.value=''" style="color:gray">
</div>
<div>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
验证手机:&nbsp;&nbsp;<input type="text" size="32">
&nbsp;&nbsp;<a href="message.html" style="font-size:12px">获取短信验证码，立即试用</a>
</div>
<div>
&nbsp;&nbsp;&nbsp;&nbsp;
短信验证码:<input type="text" size="32"><span style="font-size:12px">
(如果不试用短信验证，需人工审核后开通试用)


</div>
<div>
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
QQ:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" size="32">
</div>
</fieldset>
<br/>
<fieldset style="width:1000px">
<legend><h1>第三步:填写软件登录账号及密码</h1></legend>
<div>
&nbsp;&nbsp;&nbsp;
<span style="color:orange">※</span>
登录账号:&nbsp;&nbsp;&nbsp;<input type="text" size="32" value="可试用企业简称或拼音首字母" οnfοcus="this.value=''" style="color:gray">
<input type="submit" value="检测账号" style="width:80px;height:30px"/>
</div>
<div>
&nbsp;&nbsp;&nbsp;
<span style="color:orange">※</span>
管理工号:&nbsp;&nbsp;
<input type="text" size="32" value="10000" οnfοcus="this.value=''" style="color:gray">&nbsp;
<span style="color:#696969;background:#E8E8E8;font-size:14px">管理工号默认10000，无需再次填写，登录时使用。
</span>
</div>
<div>
&nbsp;&nbsp;&nbsp;
<span style="color:orange">※</span>管理密码:&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" size="32">
</div>
<div>
<span style="color:orange">※</span>再次输入密码:<input type="text" size="32">
</div>
</fieldset>
<br/>
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="submit" value="√&nbsp;提交"style="width:80px;height:30px"/>
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="submit" value="返回登录"style="width:80px;height:30px"/>


</body>
</head>
</html>

这个实现的是一个表单的制作的功能

枫叶-
关注
HTML做一个简单漂亮的宠物网页（纯html代码）
QQ_____365392777的博客
08-15 1万+
🐕 宠物网页设计 、🐼保护动物网页、🐋鲸鱼海豚主题、🐘保护大象、等网站的设计与制作。🏷️HTML宠物网页设计，采用DIV+CSS布局，共有多个页面，排版整洁，内容丰富，主题鲜明，首页使用CSS排版比较丰富，色彩鲜明有活力，导航与正文字体分别设置不同字号大小。导航区域设置了背景图。子页面有纯文字页面和图文并茂页面。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的......
PHP Simple HTML DOM 简单使用
PHP开发
11-19 8326
一般与curl配合使用 远程抓取页面内容后，利用 Simple HTML DOM生成dom结构，之后可以像jQuery 一样方便的操作dom &amp;amp;amp;amp;amp;lt;?php $ch = curl_init();//初始化一个cURL会话 curl_setopt($ch ,CURLOPT_URL ,'http://www.hao123.com');//设置 URL curl_setopt($ch ,CURL...
html中onfocus作用,HTML onfocus用法及代码示例
weixin_28998851的博客
06-11 1340
当元素获得焦点时，此onfocus属性起作用。此事件属性通常与，，元素一起使用。除，，，，，，，，，，和元素。用法:属性值：当调用onfocus属性时，脚本值运行。Example:onfocus attributeh1 {color:green;}body {text-align:center;}input {color:white;margin-top:5px;border:1px solid ...
HTML表单标签
m0_73370458的博客
11-12 495
HTML表单标签
onblur()和onfocus()
Esc80的专栏
03-31 1016
使用onBlur事件处理程序
HTML中Input输入框提示/设置禁用/自动获取焦点
xiaokangmiclong的博客
10-28 3万+
方法一： 搜索" onfocus="this.value=''" onblur="if(this.value==''){this.value='搜索'}" /> 方法二：<input type="text" placeholder="搜索"  /> 方法三：写js代码： 搜索" /> <script language="JavaScript
HTML获取焦点和失去焦点
大数据吧唧吧唧
03-27 6254
<input name="username" onfocus="function_1()" onBlur="function_2() " placeholder="请输入账户" /> 其中，获取焦点事件语句是： onfocus="function_1()" 失去焦点事件语句是： onBlur="function_2() " ...
myClock:每个人都知道时钟是什么，所以这只是使用基本HTML，CSS和简单JS的简单片段。 这个时钟的用法很简单
03-14
该时钟的用法非常简单：只需用时钟指针测量和显示时间。 主要概念 HTML对于这一部分，我使用Div来使用类使用CSS以及使用id来使用JS 此部分突出显示CSS属性：Box-shadow：它在元素周围添加阴影，并且通过插入值...
FluentHtml:使用纯 php 创建愚蠢的简单 html
06-27
使用可读、流畅的纯 php 编写 html 的愚蠢而简单的方法。 比<?php echo $value ?>干净多了 比模板语言轻 易于扩展（使用特性） 非常适合快速原型设计和临时脚本 愚蠢的简单：没有不必要的抽象，只是一个...
html input text 得到焦点后自动全选
lcczzu的专栏
08-18 2万+
自动全选 onfocus=”this.select()” onmouseover=”this.focus()” 按一下全选 onfocus=”this.select()”
onBlur事件与onfocus事件（js） （光标到达和离开是触发事件）
热门推荐
我的编程之路
05-11 18万+
onFocus事件就是当光标落在文本框中时发生的事件。 onBlur事件是光标失去焦点时发生的事件。 可以编如下例子 1.html 使用onBlur事件处理程序 还有以下例子 2.html 3 04 05 06 07 OnFocus事件 08 09 10 11
html文本框不可编辑，禁止用户修改的几种方法
Golden_lion的博客
06-28 1万+
解决思路：  在文本框的内容只作于演示而不允许用户随意修改时这样做就非常有必要。 具体步骤：  方法一：设置readonly属性为true。 Html代码  type="text" value="readonly" readonly>    方法二：设置disabled属性为true。 Html代码  type="text" value="d
HTML onfocus （获得焦点）和 onblur （失去焦点）
ssisse的博客
09-07 4万+
HTML onfocus 事件属性 定义和用法 onfocus 属性在元素获得焦点时触发。 onfocus 常用于 、 以及 . 提示：onfocus 属性与 onblur 属性相反。 注释：onfocus 属性不适用于以下元素：、、、、、、、、、 或 。 实例 当输入字段获得焦点时触发函数。此函数改变输入字段的背景色 function s
如何禁止文本框的输入[zt]
skyhell的专栏
12-21 1888
解决思路：     在文本框的内容只作于演示而不允许用户随意修改时这样做就非常有必要。 具体步骤： 方法一：设置readonly属性为true。 方法二：设置disabled属性为true。 方法三：在对象focus时立刻让它blur，使它无法获得焦点。  提示：readonly和disabled的区别在于后者完全禁止与设置该属性的对象交互(表现为不可改写、不可提交等)。 特别提示 代码
Html+Css+Js注册验证(正则表达式)
gly_technology的博客
02-13 2009
完整的注册界面操作，通过正则表达式来验证！
html5:input禁用
milijiangjun的博客
08-13 2428
禁用的界面的3中方式： 1.disabled 属性 文字会变成灰色，不可编辑。 2.readonly 属性文字不会变色，也是不可编辑的 3.onfocus=this.blur() 当鼠标放不上就离开焦点 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&...
WEB前端 -- onfocus="this.blur()"
叶的博客
03-06 3959
focus是一个事件，前面加个on表示在这个事件发生的时候执行等号后面的预警，而blur()是this的一个方法，this.blur()就是让这个对象失去焦点。总之：作用就是在某对象获得焦点时使其失去焦点。这个语句仅仅是为了消除链接获取焦点（如tab键）后的虚线框&lt;body&gt; &lt;a href="#" &gt;第一个链接&lt;/a&gt; &lt;a href="#" &...
山东建筑大学在辽宁2020-2024各专业最低录取分数及位次表.pdf
最新发布
10-05
那些年，与你同分同位次的同学都去了哪里？全国各大学在辽宁2020-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
C#简单工厂模式实现HTML静态化封装
作者提供了一个抽象基类`StaticBase`作为起点，该类包含了一些基本的属性和方法，如编码设置、数据流处理、保存路径等，并定义了抽象方法供具体子类实现静态页面的生成逻辑。" 在软件设计模式中，简单工厂模式是一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值