當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

使用正则表达式写网易通行证

發(fā)布時間：2023/12/20 编程问答 24 豆豆

生活随笔收集整理的這篇文章主要介紹了使用正则表达式写网易通行证小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

css樣式；

//首先全局選擇器（*）內邊距、外邊距、樣式都設為0或無。

//根據(jù)html類名來設置所需樣式。

*{
? ? ? ? margin:0;
? ? ? ? padding:0;
? ? ? ? list-style: none;
? ? }
? ? .easy{
? ? ? ? font-size: 36px;
? ? ? ? color:red;
? ? ? ? padding-left: 30px;
? ? }
? ? .cord{
? ? ? ? font-size: 36px;
? ? }
? ? .bigbox{
? ? ? ? width:530px;
? ? ? ? height:480px;
? ? ? ? border:1px solid black;
? ? ? ? margin-left: 10px;
? ? ? ? margin-top: 10px;
? ? }
? ? .box tr td{
? ? ? ?padding:10px;
? ? }
? ? button{
? ? ? ?margin-left: 140px;
? ? ? ?margin-top: 20px;
? ? ? ?border:1px solid lightblue;
? ? ? ?font-size: 30px;
? ? ? ?color:white;
? ? ? ?background-color: hotpink;
? ? ? ?border-radius: 10%;
? ? ? ?height:60px;
? ? ? ?width:150px;
? ? }
? ? .person input{
? ? ? ? margin-left: 20px;
? ? }
? ? </style>

HTML代碼：

//用table來寫表單類的代碼，非常方便。內容不會隨著前面標簽類的文本內容而變化。

//如果用form寫的話，input后的框會隨著內容發(fā)生變化。

//input類型中的密碼類型，相比get，用post更安全，隱秘性更高。

//get輸入時，密碼會顯示在文本框里，而用post時，密碼為***。

<body>
? ? <span class="easy">網易</span><span class="cord">通行證</span>
? ? <div class="bigbox">
? ? <table class="box">
? ? <tbody>
? ? ? ? <tr>
? ? ? ? ? ? <td>通行證用戶名:</td>
? ? ? ? ? ? <td><input type="text" /id="name" οnblur="lose()" οnfοcus="get()"><span id="sone"></span></td>
? ? ? ? </tr>
? ? ? ? <tr>
? ? ? ? ? ? <td>登錄密碼:</td>
? ? ? ? ? ? <td><input type="password" / method="post" id="password" οnblur="loseA()" οnfοcus="getA()"><span id="stwo"></span></td>? //onblur 失去焦點時的事件 onfocus得到焦點時的事件。插入到input標簽中，因為是為本需要的點擊事件。
? ? ? ? </tr>
? ? ? ? <tr>
? ? ? ? ? ? <td>重復登錄密碼:</td>
? ? ? ? ? ? <td><input type="password" / method="post" id="pass" οnblur="loseB()" οnfοcus="getB()"><span id="sthree"></span></td>
? ? ? ? </tr>
? ? ? ? <tr class="person">
? ? ? ? ? ? <td>性別:</td>
? ? ? ? ? ? <td><input type="radio" /name="sex" checked="checked">男<input type="radio" /name="sex">女</td>

//input標簽中性別的 name屬性兩個name名要設置為同一個名字。否則，不能點擊單選。
? ? ? ? </tr>
? ? ? ? <tr>
? ? ? ? ? ? <td>真實姓名:</td>
? ? ? ? ? ? <td><input type="text" / id="real" οnblur=" loseC()" οnfοcus="loseC()"><span id="sfour"></span></td>
? ? ? ? </tr>
? ? ? ? <tr>
? ? ? ? ? ? <td>昵稱:</td>
? ? ? ? ? ? <td><input type="text" /id="namer" οnblur="loseD()" οnfοcus="getD()" ><span id="sfive" ></span></td>
? ? ? ? </tr>
? ? ? ? <tr>
? ? ? ? ? ? <td>關聯(lián)手機號:</td>
? ? ? ? ? ? <td><input type="text" /id="phone" ?οnblur="loseE()" οnfοcus="getE()"><span id="ssix"></span></td>
? ? ? ? </tr>
? ? ? ? <tr>
? ? ? ? ? ? <td>保密郵箱:</td>
? ? ? ? ? ? <td><input type="text" / id="mail" οnblur="loseF()" οnfοcus="getF()"><span id="sseven" ></span></td>
? ? ? ? </tr>
? ? ? ? </tbody>
? ? </table>
? ? <button>注冊</button>
? ? </div>
</body>

JS代碼：

//使用函數(shù)function，判斷if...else來完成正則表達式驗證。

總結

以上是生活随笔為你收集整理的使用正则表达式写网易通行证的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： edius隐藏快捷键_EDIUS素材隐藏
下一篇： linux while read文件,l