Javascript HTML和CSS格式的表单

我自学了HTML和CSS，还必须了解电子邮件表单，所以我有了一个工作表单（不使用php），但唯一的问题是它看起来很糟糕，我不知道如何编辑它

<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）Email内容框的大小，我已经在CSS文件中完成了，但是它仍然只在单行框的中间写入， 2） 让它在键入时自动开始一行，而不是停止。 3） 更改按钮的外观（我需要Javascript吗？） 4） 在点击上一页后，在单独的窗口中打开它

---

任何帮助都会很好，谢谢

您可以使用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; 
}

---

我在一个CSS文件中完成了这项工作…：然后在问题中添加相关的CSS。web上有成千上万的表单示例和教程，只有一个这样的示例。请在发帖前至少尝试一下搜索，把谷歌当作你最好的朋友。你会得到一切的。