您的位置：首页 > Web前端 > HTML

html的一些简单用法

2014-10-07 22:22 381 查看
主要讲了一些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">

  通过网页可直接登录软件，但是为了获得更佳操作体验，强烈建议下载并安装软件

</font><br/><br/>

<font style="font-size=14px">

  软件下载地址：<a href="dianxin.html" id="first">电信</a> <a href="wangtong.html">网通</a>

<span style="font-size:14px">

(右键另存为或使用下载工具下载)

</span>

</font>

</fieldset>

<br/>

<fieldset style="width:1000px">

<legend><h1>第二步:编写企业信息</h1></legend>

<div>

    

<span style="color:orange">※</span>企业名称:

<input type="text" size="32">

</div>

<div>

    

<span style="color:orange">※</span>所属行业:

<select>

<option>请选择...</option>

</select>

                  

<span style="font-size:12px">(系统会根据所属行业自动配置版本，请认真选择)

</span>

</div>

<div>

    

<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>

        

<span style="color:orange">※</span>联系人:<input type="text" size="32">

<select>

<option>先生</option>

<option>女士</option>

</select>

</div>

<div>

   

<span style="color:orange">※</span>联系电话:

<input type="text" size="32" value="建议输入手机号码" onfocus="this.value=''" style="color:gray">

</div>

<div>

      

验证手机:  <input type="text" size="32">

  <a href="message.html" style="font-size:12px">获取短信验证码，立即试用</a>

</div>

<div>

    

短信验证码:<input type="text" size="32"><span style="font-size:12px">

(如果不试用短信验证，需人工审核后开通试用)

</div>

<div>

             

QQ:     <input type="text" size="32">

</div>

</fieldset>

<br/>

<fieldset style="width:1000px">

<legend><h1>第三步:填写软件登录账号及密码</h1></legend>

<div>

   

<span style="color:orange">※</span>

登录账号:   <input type="text" size="32" value="可试用企业简称或拼音首字母" onfocus="this.value=''" style="color:gray">

<input type="submit" value="检测账号" style="width:80px;height:30px"/>

</div>

<div>

   

<span style="color:orange">※</span>

管理工号:  

<input type="text" size="32" value="10000" onfocus="this.value=''" style="color:gray"> 

<span style="color:#696969;background:#E8E8E8;font-size:14px">管理工号默认10000，无需再次填写，登录时使用。

</span>

</div>

<div>

   

<span style="color:orange">※</span>管理密码:    <input type="text" size="32">

</div>

<div>

<span style="color:orange">※</span>再次输入密码:<input type="text" size="32">

</div>

</fieldset>

<br/>

                          

<input type="submit" value="√ 提交"style="width:80px;height:30px"/>

     

<input type="submit" value="返回登录"style="width:80px;height:30px"/>

</body>

</head>

</html>

这个实现的是一个表单的制作的功能
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航