html 里 怎么设置 密码框 表单的 显示样式

html 里 怎么设置 密码框 表单的 显示样式,第1张

<html><!--样式--><style type="text/css">

#c { position: relative}

#a { position: absoluteleft: 10top: 10font-size: 12pxfont-family: 宋体}

#b { position: absoluteleft: 10top: 10font-size: 12pxfont-family: 宋体-moz-opacity:0opacity: 0filter: alpha(opacity=0)}

</style><body><div id="c">

<input id="a" />

<input id="b" onkeyup="document.getElementById('a').value=this.value.replace(/./g,'*')" />

</div></body></html>....你也可以把 *号改成其他字符....自己试试看吧...

1、打开Dreamweaver软件,鼠标左键选择新建【HTML】,在代码窗口上,修改网页title标签,比如表单中添加按钮,如下图所示

2、接着,在【设计】窗口中,鼠标左键单击菜单【插入】下的【表单】,如下图所示。

3、在【设计】窗口上,左键单击菜单【插入】下的【表单】的【文本域】,并在d出的而窗口中,设置文本的参数,如名称等,如下图所示。

4、接着,左键单击菜单【插入】下的【表单】的【按钮】,如下图所示。

5、然后,在d出的按钮设置窗口上,设置按钮的参数,如按钮的名称等,如下图所示。

6、最后,鼠标左键单击【实时视图】窗口,可以看到制作好的添加按钮的表单,可以在表单中输入文字,单击按钮,查看显示效果,如下图所示。

您好!以下是最典型的细线表格,具备最基本的设置。供参考:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>表格CSS设置</title>

<style>

#tb1 {

    border-collapse: collapse /* 折叠边框产生细线表格*/

    border: 2px solid black   /* 外框粗线、内部细线表格,表格线为黑色 */

}

#tb2 {

    border-collapse: collapse /* 折叠边框产生细线表格*/

    border: 1px solid red     /* 细线表格,表格线为红色 */

}

</style>

</head>

<body>

<br>

<table id="tb1" width="379" height="87" border="1" cellpadding="0" cellspacing="0">

  <tbody>

    <tr>

      <td width="123" height="34">&nbsp</td>

      <td width="122">&nbsp</td>

      <td width="126">&nbsp</td>

    </tr>

    <tr>

      <td height="25">&nbsp</td>

      <td>&nbsp</td>

      <td>&nbsp</td>

    </tr>

    <tr>

      <td>&nbsp</td>

      <td>&nbsp</td>

      <td>&nbsp</td>

    </tr>

  </tbody>

</table>

<br>

<table id="tb2" width="379" height="89" border="1" cellpadding="0" cellspacing="0">

  <tbody>

    <tr>

      <td width="123" height="36">&nbsp</td>

      <td width="122">&nbsp</td>

      <td width="126">&nbsp</td>

    </tr>

    <tr>

      <td height="25">&nbsp</td>

      <td>&nbsp</td>

      <td>&nbsp</td>

    </tr>

    <tr>

      <td>&nbsp</td>

      <td>&nbsp</td>

      <td>&nbsp</td>

    </tr>

  </tbody>

</table>

</body>

</html>

显示结果:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7386638.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-05
下一篇 2023-04-05

发表评论

登录后才能评论

评论列表(0条)

保存