想知道如果我可以嵌套輸入類型

我正在爲我的業務做一個網站，在這種形式下，我想讓他們選擇他們的設備出了什麼問題。如果他們的問題不在列表中，我希望他們將其輸入<textarea>。我想知道是否可以將該文本區域作爲我的單選按鈕選項之一。到目前爲止，我有這個...想知道如果我可以嵌套輸入類型

<fieldset> 
 
    <legend> What's wrong with your device </legend> 
 

 
    <label> <input type = "radio" name = "problem"> 
 
    \t \t \t \t \t Cracked Screen </label> 
 

 
    <label> <input type = "radio" name = "problem"> 
 
    \t \t \t \t \t Broken Camera </label> 
 

 
    <label> <input type = "radio" name = "problem"> \t \t \t \t 
 
    \t \t \t <textarea rows = "4" cols = "15" name = "problem" 
 
         placeholder = "other problems"></textarea>    
 
         </label> 
 

 

 
</fieldset>

這似乎是它的工作，但我擔心，它只是呈現文本區域視爲同一標籤下自己的輸入。有什麼建議？

另外我想知道如何讓我的單選按鈕能夠被點擊。你只能激活它們，但是你不能停用它們。這隻能用JavaScript來完成嗎？

來源

2017-09-15 Demarcus Sales

的可能的複製[您如何克服HTML表單嵌套限制？（https://stackoverflow.com/questions/597596/how-do-你-克服最HTML形式的嵌套-限制） –

HTML input是一個「空」元素 - 它沒有結束標記，也不能包含任何子元素。

你當然可以讓它看起來看起來像你的textarea是單選按鈕控件的一部分，就像你做的那樣，但它不會像沒有Javascript一樣表現。

第二個問題：用戶通常沒有辦法取消單選按鈕。您可以通過編程（例如，點擊按鈕）或者有另一個「無」選項讓他們點擊。

來源

2017-09-15 18:56:01

您不能嵌套輸入。可能最好做的是添加JavaScript，在選擇其他選項時顯示輸入文本字段。

來源

2017-09-17 11:42:11

嵌套元素不可能

按照這個來實現你想要的。

最初隱藏textarea元素。根據您選擇的單選按鈕切換textarea可見性。

<fieldset> 
    <legend> What's wrong with your device </legend> 
    <label> <input type = "radio" name = "problem"/>Cracked Screen </label> 
    <label> <input type = "radio" name = "problem"/>Broken Camera </label> 
    <label> <input type = "radio" name = "problem" class="t_txt"/> </label> 
    <textarea class="p_txt" style="display:none" rows = "4" cols = "15" name = "problem" placeholder = "other problems"></textarea> 

</fieldset>

jQuery的

$("input:radio.t_txt").click(function(){ 
$("textarea.p_txt").toggle(); 
});

來源

2017-09-17 13:10:19 krishnar

想知道如果我可以嵌套輸入類型

回答

相關問題