HTML和CSS中的表格

-1

我自己學習HTML和CSS，並且必須知道關於電子郵件表單的位，所以我有一個工作表單（不使用php），但唯一的問題是它看起來很糟糕，噸有關於如何編輯任何線索它HTML和CSS中的表格

<p> 
<label for="myemail">Your e-mail:<span id="star">*</span></label> 
<input type="email" name="myemail" id="myemail" value="type your email..." maxlength="40" size="20" required="required" onclick="this.value=''" /><br> 
<label for="fullmane">Your full name:<span id="star">*</span></label> 
<input type="fullname" name="name" id="fullname" value="Please enter your full name.." maxlength="40" size="20" required="required" onclick="this.value=''"/> 
<br> 
<label for="emailcontent">Comments:</label> 
<div id="email"> 
<input type="emailcontent" name="emailcontent" id="emailcontent" value="Please enter your question..." maxlength="20" size="20" required="required" /> 
</div>

好了，所以這是給一個形式的基本外觀和有一對夫婦的事情，我想改變： 1）emailcontent箱子的大小，我已經在一個CSS文件中完成了這個工作，但它仍然只在一行中寫入框的中間， 2）當它打字時自動啓動一個新行而不是停止。 3）改變按鈕的外觀（將我需要使用Javascript？） 4）有它在一個單獨的窗口中打開，點擊點擊前頁後

任何幫助將是巨大的感謝

來源

2014-12-02 GingerDom

*我在CSS文件中已經做到了這一點。*：然後添加相關CSS以及在問題。 – Abhitalks 2014-12-02 12:31:23

這裏有成千上萬的例子和Web上的表單教程[這裏是http://learn.shayhowe.com/html-css/building-forms/）就是這樣一個例子。 [這裏是打開一個彈出窗口]（http://www.quackit.com/html/codes/html_popup_window_code.cfm）。請至少在發帖前嘗試研究 – jbutler483 2014-12-02 12:34:19

考慮谷歌作爲你最好的朋友。你會得到它的一切。 – 2014-12-02 13:05:50

您可以使用CSS風格你的按鈕是這樣的： -

input[type=fullname] 
{ 
    padding:5px; border:2px solid #ccc; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
} 

input[type=text]:focus {border-color:#333; } 

input[type=email] 
{ 
    padding:5px 15px; 
    background:#ccc; 
    border:0 none; 
    cursor:pointer; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
}

來源

2014-12-02 13:30:04 3Demon

HTML和CSS中的表格

回答

相關問題