您如何在php中自定义登录字段以使网站类似于Facebook或其他流行的登录网站？

Question

For example, with the login I made with a php script, the login boxes (username and password) are blocky (I've seen rounded corners login-forms) and the spacings are uneven (one is above the other).

Is there anyway to customize how login-boxes are designed and aligned in php, similar to how css is used at times (I'm not as familiar with css) or within php?

http://img845.imageshack.us/i/facebooklogin.jpg vs. http://img577.imageshack.us/i/loginq.jpg/

Answer 1

CSS is the way to style this. If you aren't comfortable doing it, try to find some CSS stylesheets that already exist to style forms.

Alternatively, you can use javascript plugins like jQuery's uniform and call it on your inputs to style them automagically.

Answer 2

Styling of any html form fields, regardless of how they're processed, should be done with CSS. It's not hard - there's a great tutorial/reference at w3schools .

In response to your specific question (rounded corners), you'd use the border-radius property:

    <style> 
    .rounded  {
        border: 1px solid black;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }
    </style> 

    <input type="text" class="rounded" name="username" />