>  기사  >  웹 프론트엔드  >  HTML 사용자 등록 인터페이스

HTML 사용자 등록 인터페이스

WBOY
WBOY원래의
2016-08-08 08:49:501800검색

먼저 간단한 인터페이스 렌더링입니다

스타일에 맞는 콘텐츠는 다음과 같습니다

<span style="color: #800000;"><style>
        input[type]</span>{<span style="color: #ff0000;">
            border</span>:<span style="color: #0000ff;"> 1px solid darkorange</span>;<span style="color: #ff0000;">
            background</span>:<span style="color: #0000ff;"> white</span>;
        }<span style="color: #800000;">
        #button</span>{<span style="color: #ff0000;">
            border</span>:<span style="color: #0000ff;"> 10px solid orange</span>;<span style="color: #ff0000;">
            width</span>:<span style="color: #0000ff;"> 200px</span>;<span style="color: #ff0000;">
            box-shadow</span>:<span style="color: #0000ff;">0px 4px 5px #666</span>;<span style="color: #ff0000;">
            background</span>:<span style="color: #0000ff;"> orange</span>;<span style="color: #ff0000;">        
            color</span>:<span style="color: #0000ff;"> white</span>;    
        }<span style="color: #800000;">
        
    </style></span>

본문의 내용을 살펴보겠습니다. 여기서는 onblur와 onfocus를 사용합니다





사용자 등록




사용자 이름:


비밀번호:
< ; /span>


비밀번호 확인:


이메일:


등록 매뉴얼을 읽었습니다





< ;/center>

마지막은 js의 코드입니다