我该如何创建这样的表单?使用html5和css3

时间:2017-06-17 09:35:17

标签: html css html5 css3 html-form

表单包含一个边角处有文字的边框我不知道如何进行这样的布局。

enter image description here

3 个答案:

答案 0 :(得分:1)

<b> <div style='color:darkblue'> A Simple Form </div> </b>
<i> <div> form fundametals </div> </i>

<form>
 <fieldset>
  <legend>Customer Info:</legend>
  Name: <input type="text" name="name" placeholder="Enter Your Name"><br>
  Telephone: <input type="tel" name="tel" placeholder="Pattern: 1-234-567-8910" ><br>
  Email Address: <input type="email" name="email" placeholder="Enter Your Email Address">
 </fieldset>
 
 
 <fieldset>
  <legend> Book:</legend>
  <input type="text"> Quantity ( Maximum 5) <input type="number" name="quantity" max="5"> <br>

 </fieldset>
 
 <br>
<input type="button" name="submit" value="Submit">
 
</form>

答案 1 :(得分:0)

“我们怎样才能获得圆润的边缘?”

例如,通过“border-radius:5px”为该元素添加样式。

答案 2 :(得分:0)

@ DanielaB67 ......你想要这样......

&#13;
&#13;
strcustcode = rs!OCUSTCODE 
ordercount = rs!orders 
TIMEFILE = Format$(Time, "HHMM") 
MsgBox ([strcustcode] & " has " & [ordercount] & " orders") 
StrSQL = "Select * From [24-ND_Cus] where [24-ND_Cus].[OCUSTCODE] = strcustcode " 
Set qd = db.CreateQueryDef("tmpExport", StrSQL) 
DoCmd.TransferText acExportDelim, , "tmpExport", "c:file.csv" db.QueryDefs.Delete "tmpExport" –
&#13;
fieldset {
    border: 2px solid #a1a1a1;
    padding: 10px 10px; 
    background: #dddddd;
    width: 300px;
    border-radius: 25px;
}
&#13;
&#13;
&#13;