Html 表格不能正常工作

问题: 1.为什么我的联系人表单中所需的功能不起作用？ 2.为什么我不能使用输入字段的全宽。见img。 我只能在输入字段的左半部分写

HTML:

这是解决第二个问题的地方

---

刚刚删除了姓名、电子邮件、电话和消息id输入字段中的空白，并增加了它们的宽度百分比。

您缺少表单标签。一旦我将您的表单标签添加到：

   <div id="content">
            <div class="contact">
                <form>
                <fieldset class="name group">
                    <label for="name" class="name">Name</label>
                    <input id="name" name="name" required pattern="[A-Za-z-0-9]+\s[A-Za-z]+"  title="firstname lastname"/>
                </fieldset>
                <fieldset class="email group">
                    <label for="email" class="email">Email</label>
                    <input type="email" id="email" name="email" required title="Submit a valid Email">
                </fieldset>
                <fieldset class="phone group">
                    <label for="phone" class="phone">Telephone</label>
                    <input type="tel" id="phone" name="phone" pattern="(\+?\d[- .]*){7,17}" required title="Submit an international, national or local phone number"/>
                </fieldset>
                <fieldset class="message group">
                    <label class="message">Message</label>
                    <input type="text" id="message" required/>
                </fieldset>
                <fieldset class="send group">
                    <input type="submit" value="Send" class="sendButton">
                </fieldset>
                    </form>
            </div>
        </div> 

---

这是回答还是评论？如果这是一个答案，那么请详述你为解决这个问题所做的工作。你能告诉我你改变了什么或哪一部分吗？在姓名、电子邮件、电话、信息；你可以看到你已经给了我一个正确的填充，我已经删除了它并增加了宽度百分比。a你已经回答了问题2。不过，下一次，正如李·泰勒和@Andy所指出的，如果你能在这里更详细地阐述你的答案，那就更清楚了。非常感谢。回答：姓名、电子邮件、电话、信息{填充右侧：50%；-->取出此浮点数：右侧；颜色：253c93；文本装饰：无；边框：1px点29FF00；字体系列：“Calibri”，Arial，无衬线；字体大小：1em；宽度：23%；->宽度：73%}是。我将从下次开始详细阐述。太棒了。非常感谢。

#content
{
 max-width: 50.694%;
 position: absolute;
 bottom: 0;
 background: none repeat scroll 0 0 rgba(0, 0, 0, .55);
 border-radius: 13px;
 width: 730px;
 margin: 0 0 6.6% 25.9167%;
 box-shadow: 0 0 0 2px #000000, 2px 2px 30px 1px rgba(199, 255, 100, 0.73);
 }

 .contact{
 width: 100%;
 margin: 10px;
 }

 fieldset{
 border: 0;
 margin: 0;
 width: 100%;
 padding: 1%;
 } 

.name, .email, .message{
padding-right: 29px;
}

label{
color: #d8d9de;
font-family:'apple_chancerychancery';
font-size: 1.2em;
padding-left: 10px;
}

input{
margin-right: 70px;
padding: 6px;
text-align: left;
border-radius: 10px;
background: none repeat scroll 0 0 rgba(255, 240, 260, 0.5);
}

#name, #email, #phone, #message{
padding-right: 50%;
float: right;  
color: #253c93;
text-decoration: none;
border: 1px dotted #29FF00;
font-family: 'Calibri', Arial, sans-serif;
font-size: 1em;
width: 23%; 
}

div#inner-editor{
padding: 30px;
}

#message{
padding-top: 10%;
}

.sendButton{
background: rgba(0, 0, 0, 0);
color: #d8d9de;
font-size: 1.2em;
font-family: 'apple_chancerychancery';
padding: 0.8% 4%;
border: none;
margin-left: 42%;
box-shadow: inset 2px 2px 9px rgba(199, 255, 100, 0.73), inset -2px -2px 9px rgba(199,            
255, 100, 0.73);
}



::-webkit-input-placeholder { /* WebKit browsers */
color:    #d8d9de;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:    #d8d9de;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:    #d8d9de;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color:    #d8d9de;
}

   <div id="content">
            <div class="contact">
                <form>
                <fieldset class="name group">
                    <label for="name" class="name">Name</label>
                    <input id="name" name="name" required pattern="[A-Za-z-0-9]+\s[A-Za-z]+"  title="firstname lastname"/>
                </fieldset>
                <fieldset class="email group">
                    <label for="email" class="email">Email</label>
                    <input type="email" id="email" name="email" required title="Submit a valid Email">
                </fieldset>
                <fieldset class="phone group">
                    <label for="phone" class="phone">Telephone</label>
                    <input type="tel" id="phone" name="phone" pattern="(\+?\d[- .]*){7,17}" required title="Submit an international, national or local phone number"/>
                </fieldset>
                <fieldset class="message group">
                    <label class="message">Message</label>
                    <input type="text" id="message" required/>
                </fieldset>
                <fieldset class="send group">
                    <input type="submit" value="Send" class="sendButton">
                </fieldset>
                    </form>
            </div>
        </div>