html 5必填屬性

Question

單擊提交按鈕時我的表單中沒有填充數據，同時需要兩個字段，一個是鍵入文本，第二個是select。這是正常的嗎？我想要求從上到下的字段。

我的代碼

<form class="well span8" name="contact-form" action="<?php echo base_url();?>main/validar_contacto" method="post"> 

<div class="row"> 
<div class="span3"> 
<label>Nombre</label> 
<input type="text" name="fnombre" class="span3" placeholder="Nombre" id="fnombre" required minlength="10" data-validation-minlength-message="muy pocos caracteres"> 

<label>Apellidos</label> 
<input type="text" name="fapellidos" class="span3" placeholder="Apellido" required> 
<label>Email </label> 
<div class="input-prepend"> 
<span class="add-on"><i class="icon-envelope"></i></span> 
<input type="email" name="femail" id="inputIcon" class="span2" style="width:233px" placeholder="Ingrese email" required> 
</div> 
<label>Télefono</label> 
<input type="text" name="ftelefono" class="span3" placeholder="Teléfono"> 
<label>Celular</label> 
<input type="text" name="fcelular" class="span3" placeholder="Celular"> 

<label>Ciudad</label> 
<input type="text" name="fciudad" class="span3" placeholder="Ciudad" required> 

<label>Dirigido a: 
<select id="dirigido" name="fdirigido" class="span3" required> 
<option value="" <?php echo set_select('fdirigido', '', true);?>>Seleccione:</option> 
<option value="ventas" <?php echo set_select('fdirigido','ventas');?>>Ventas</option> 
<option value="contacto" <?php echo set_select('fdirigido','contacto');?>>Contacto</option> 
</select> 
</label> 

</div> 


<div class="span5"> 
<label>Mensaje</label> 
<textarea name="fmensaje" id="message" class="input-xlarge span5" rows="8" required></textarea> 
</div> 
</div> 
<button type="submit" class="btn btn-primary contact">Enviar</button> 
</form> 

我附加了與行爲的圖像被描繪。

感謝

Answer 1

它依賴於瀏覽器， Firefox和IE 10在哪些方面爲谷歌chrome凸顯了第一空場所需的所有領域還沒有被填滿， 。 如果您希望所有瀏覽器的行爲類似，那麼您應該使用簡單的Javascript或JQuery進行驗證。 您還可以查找JQuery插件進行驗證，可以對它們進行自定義並且易於實現。

一個快速谷歌搜索，我發現這個
http://archive.plugins.jquery.com/project/validate