HTML：分組輸入字段

我有很多輸入字段與type="text"HTML：分組輸入字段

<input type="text" id="..."> 
<input type="text" id="..."> 
<input type="text" id="..."> 
... 
<input type="text" id="..."> 
<input type="text" id="..."> 
<input type="text" id="...">

我想從每個輸入打字type="text"阻止。有沒有什麼辦法可以像這樣對輸入進行分組：

<inputgroup type="text"> 
    <input id="..."> 
    <input id="..."> 
    <input id="..."> 
</inputgroup>

該解決方案可以使用HTML，Javascript或任何其他的WEB編碼。

來源

2017-01-31 Bren Ginthom

你要刪除所有類型的屬性？ –

不需要腳本，只需省略類型......正如Quentin已經回答 – LGSon

你必須使用JavaScript/jQuery來實現你在找什麼。這裏是你正在尋找的DEMO。

<!--Group all your input fields within a 'div' and give this div a unique ID--> 
    <div id="inputGroupText"> 
     <input id='a' /> 
     <input id='b' /> 
     <input id='c' /> 
    </div> 

<script> 
    $(document).ready(function(){ 
      //iterate through the div which groups all the 'input' fields 
      $('#inpuGroupText').children('input').each(function() { 
       // you can substitute 'text' with 'email', 'password' etc. depending on your need 
       $(this).attr('type', 'text'); 
      }); 
    }); 
</script>

注意：如果你只是想避免編寫type='text'那麼你可以忽略它，因爲「文」是「類型」屬性的默認值，所以如果瀏覽器會自動考慮輸入字段type=text如果您沒有指定它的價值。

來源

2017-01-31 18:56:13

謝謝，我會用你的解決方案！ @Saumil Soni –

@BrenGinthom Glad可以提供幫助。 –

號

有一種方式來組的意見：<fieldset>和<legend>但這是基於什麼將要進入他們（例如，當你有多個字段組成的不同將它們分組地址的一部分）。

在HTML中，沒有辦法明確地設置type屬性。

也就是說，type="text"是默認，所以你可以簡單地完全省略屬性（除非你依賴於它的其他原因，比如用CSS屬性選擇器）。

您也可以編程方式生成HTML（例如使用模板語言）。

來源

2017-01-31 18:50:47 Quentin

Down voteer，care to comment？ ... upvoted！ – LGSon

您可以創建一個javascript函數動態地注入一個div裏面輸入標籤

(function(){ 
var inject=''; 
for(var i=0;i<10;i++){ 
    inject+="<input type='text' value='"+i+"' id='id_"+i+"'/><br/>" 
} 
$('#inject').html(inject); 

})(); 


<div id="inject"> 
//input tags will be injected here after function execution 
</div>

演示：https://jsfiddle.net/abk0hvts/

來源

2017-01-31 18:51:35

如果這解決了您的問題，那麼選擇它作爲正確答案，以便將來幫助他人。 –

-1

相同的解決方案，但代碼更具可讀性:)

<script> 
    $(document).ready(function() { 
     var parent = document.getElementById('autobot'); 
     var tags = parent.getElementsByTagName('input'); 
     for (var i = 0; i < tags.length; i++) { 
     tags[i].setAttribute('type', 'text'); 
     } 
    }); 
</script> 

<div id="autobot">   
    <input> 
    <input> 
    <input> 
    </div>

來源

2017-01-31 19:58:43 Lemjur

HTML：分組輸入字段

回答

相關問題