首页 > 代码库 > 听说每天都要写随笔，word哥~

听说每天都要写随笔，word哥~

2024-08-21 20:59:36   299人阅读

今天主要学习了html的基本知识，进制的转换，无序列表，有序列表和表格，都是很基本的东西，然后自己自习了表单。

技术分享

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>网页标题</title>
    <meta name="keywords" content="关键字列表" />
    <meta name="description" content="网页描述" />
    <link rel="stylesheet" type="text/css" href="" />
    <style type="text/css"></style>
    <script type="text/javascript"></script>
</head>
<body>
  <form name="register" method="post" action="reg.php">
  <table border="1" bordercolor="#f0f0f0" align="center" width="80%" cellpadding="5">
  <tr>
    <td colspan="3"><b>1.会员登录名和密码<b></td>
  </tr>
  <tr>
    <td align="right">用户名：</td>
    <td><input type="text" name="username" /><font color="red">*</font></td>
    <td><input type="button" value="检测用户名" /><font color="blue">请使用英文(a-z、A-Z)、数字(0-9)</font></td>
  </tr>
  <tr>
    <td align="right">密码：</td>
    <td><input type="password" name="userpwd" /><font color="red">*</font></td>
    <td><font color="blue">5-15位，请使用英文。。。。。</font></td>
  </tr>
  <tr>
    <td align="right">再次输入密码：</td>
    <td><input type="password" name="userpwd" /><font color="red">*</font></td>
    <td><font color="blue">再次输入的密码必须一致</font></td>
  </tr>
  <tr>
    <td colspan="3"><b>2.姓名和联系方式<b></td>
  </tr>
  <tr>
    <td align="right">真是姓名：</td>
    <td><input type="text" name="username" /><font color="red">*</font></td>
    <td>
      <input type="radio" name="sex" value="男" checked="checked"/>先生
      <input type="radio" name="sex" value="女" />女士
    </td>
  </tr>
  <tr>
    <td align="right">电子邮箱：</td>
    <td><input type="text" name="email" /><font color="red">*</font></td>
    <td>
      <font color="red">非常重要！</font><br>
      <font color="blue">这是客户与您联系的方式，请一定要填写</font>
    </td>
  </tr>
  <tr>
    <td align="right">公司所在地：</td>
    <td colspan="2">
      <select name="add.city">
        <option value="北京" checked="checked">北京</option>
        <option value="上海">上海</option>
        <option value="广州">广州</option>
        <option value="深圳">深圳</option>
      </select>
       <select name="add.area">
        <option value="东城区" checked="checked">东城区</option>
        <option value="西城区">西城区</option>
        <option value="海淀区">海淀区</option>
        <option value="宣武区">宣武区</option>
      </select>
    </td>    
  </tr>
  <tr>
    <td align="right">兴趣爱好：</td>
    <td colspan="2">
      <input type="checkbox" name="hobbies" value="唱歌">唱歌
      <input type="checkbox" name="hobbies" value="跳舞">跳舞
      <input type="checkbox" name="hobbies" value="书法">书法
      <input type="checkbox" name="hobbies" value="游戏" checked="checked">游戏
    </td>
  </tr>
  <tr>
    <td align="right">自我介绍：</td>
    <td>
      <textarea name="intro" cols="50" rows="10">
      </textarea>
    </td>
    <td><font color="blue">一个简单的自我介绍能够让别人更快的认识你！</font></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td colspan="2">
      <input type="submit" value="提交">
      <input type="reset" value="重置">
    </td>
  </tr>

  </table>
  
  </form>
</body>
</html>

效果图：

技术分享

听说每天都要写随笔，word哥~


联系
我们