라디오 버튼을 선택할 수없는 이유는 무엇입니까?

라디오 버튼이 작동하지 않는 이유는 무엇입니까? 단추의 왼쪽을 눌러 선택해야합니다. 왜? 라디오 버튼에 대한라디오 버튼을 선택할 수없는 이유는 무엇입니까?

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <!-- Standard Meta --> 
 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
 
    <meta charset="UTF-8"> 
 

 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> 
 
    <title>jQuery Validation Error Placement for Semantic-UI</title> 
 
    <link href="/static/css/generic_in.css?newsvgindia.393932601812558191" rel="stylesheet" type="text/css"> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 
 
    <link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.css" rel="stylesheet" 
 
      type="text/css"> 
 

 

 

 

 

 
    <nav class="navbar navbar-inverse navbar-fixed-top"> 
 
     <div class="container"> 
 
      <div class="navbar-header"> 
 
       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" 
 
         aria-expanded="false" aria-controls="navbar"> 
 
        <span class="sr-only">Toggle navigation</span> 
 
        <span class="icon-bar"></span> 
 
        <span class="icon-bar"></span> 
 
        <span class="icon-bar"></span> 
 
       </button> 
 
       <a class="navbar-brand" href="/">Customer Service</a> 
 
      </div> 
 
      <div id="navbar" class="navbar-collapse collapse"> 
 
       <form class="navbar-form navbar-right" enctype="application/x-www-form-urlencoded" 
 
         action="/account/do_login" method="post"> 
 
        <div class="form-group"> 
 
         <input type="text" name="email" placeholder="Email" class="form-control"> 
 
        </div> 
 
        <div class="form-group"> 
 
         <input type="password" name="password" placeholder="Password" class="form-control"> 
 
        </div> 
 
        <button type="submit" class="btn btn-success">Sign in</button> 
 
       </form> 
 
      </div> 
 
      <!--/.navbar-collapse --> 
 
     </div> 
 
    </nav> 
 

 
    <!-- Main jumbotron for a primary marketing message or call to action --> 
 
    <div class="center jumbotron"> 
 
     <div class="container" style="margin-top:20px; width: 75%"> 
 

 
      <!-- 
 
      <div class="ui grid"> 
 
       <div class="row"> 
 
        <div class="twelve wide column"> 
 
         <div class="ui menu"> 
 
          <a class="item" href="/"> 
 
           HOME 
 
          </a> 
 
          <a class="header item" style="color:black;;font-size:14px;" href="/ai"> 
 
           INSERT AD 
 
           
 
          </a> 
 
          <a class="item" style="color:black;;font-size:14px;" 
 
           href="/"> 
 
           SEARCH FOR ADS 
 

 
          </a> 
 
          <a class="item" style="color:black;;font-size:14px;" href="/customer_service.htm"> 
 
           CUSTOMER 
 
            SERVICE</a> 
 

 

 
         </div> 
 
         <div class="ui ignored positive icon message"> 
 
          <i class="edit icon"></i> 
 

 
          <div class="content"> 
 
           <h3 class="header">Insert Ad</h3> 
 
           Your ad will be reviewed according to the rules of our site. After approval, it will be 
 
           published 
 
           for a period 
 
           of 60 days. Thanks for using our site! 
 
          </div> 
 
         </div> 
 

 
        </div> 
 
       </div> 
 
      </div> 
 

 
--> 
 
      <div class="ui text container"> 
 

 
       <div class="ui menu"> 
 
        <a class="item" href="/"> 
 
         HOME 
 
        </a> 
 
        <a class="header item" style="color:black;;font-size:14px;" href="/ai"> 
 
         INSERT AD 
 
         
 
        </a> 
 
        <a class="item" style="color:black;;font-size:14px;" 
 
         href="/"> 
 
         SEARCH FOR ADS 
 

 
        </a> 
 
        <a class="item" style="color:black;;font-size:14px;" href="/customer_service.htm"> 
 
         CUSTOMER 
 
          SERVICE</a> 
 

 

 
       </div> 
 

 

 

 
       <div class="ui ignored positive icon message"> 
 
        <i class="edit icon"></i> 
 

 
        <div class="content"> 
 
         <h3 class="header">Insert Ad</h3> 
 
         Your ad will be reviewed according to the rules of our site. After approval, it will be 
 
         published 
 
         for a period 
 
         of 60 days. Thanks for using our site! 
 
        </div> 
 
       </div> 
 
       <form method="post" action="http://127.0.0.1:8080/_ah/upload/ahFkZXZ-bW9udGFvcHJvamVjdHIiCxIVX19CbG9iVXBsb2FkU2Vzc2lvbl9fGICAgICAgIYJDA" name="formular" class="ui form"> 
 

 

 

 

 

 
        <div class="ui grid"> 
 
         <div class="four wide column required field"> 
 
          <label>Type</label> 
 
         </div> 
 
         <div class="twelve wide column"> 
 

 
          <div class="inline fields"> 
 
           <div class="field"> 
 
            <div class="ui radio checkbox"> 
 
             <input type="radio" id="c_ad" name="company_ad" value="0"> 
 
             <label>Private</label> 
 
            </div> 
 
           </div> 
 
           <div class="field"> 
 
            <div class="ui radio checkbox"> 
 
             <input type="radio" id="c_ad2" name="company_ad" value="1"> 
 
             <label>Company</label> 
 
            </div> 
 
           </div> 
 

 
          </div> 
 

 

 
         </div> 
 
        </div> 
 

 

 
        <div class="ui grid"> 
 
         <div class="four wide column required field"> 
 
          <label>Name</label> 
 
         </div> 
 
         <div class="twelve wide column"> 
 
          <input type="text" name="first-name" placeholder="First Name"> 
 
         </div> 
 
        </div> 
 
        <div class="ui grid"> 
 
         <div class="four wide column required field"> 
 
          <label>Email</label> 
 
         </div> 
 
         <div class="twelve wide column"> 
 
          <input type="text" name="first-name" placeholder="Email"> 
 
         </div> 
 
        </div> 
 
        <div class="ui grid"> 
 
         <div class="four wide column"> 
 
          <label>Phone</label> 
 
         </div> 
 
         <div class="twelve wide column"> 
 
          <input type="text" name="first-name" placeholder="Last Name"> 
 
         </div> 
 
        </div> 
 

 

 
        <div class="ui grid"> 
 
         <div class="four wide column"> 
 

 
         </div> 
 
         <div class="twelve wide column"> 
 
          <div class="ui checkbox"> 
 
           <input id="example-id" type="checkbox" checked> 
 
           <label for="example-id">Display my phone number on site</label> 
 
          </div> 
 
         </div> 
 
        </div> 
 

 

 
        <div class="ui grid"> 
 
         <div class="four wide column required field"> 
 
          <label>Place</label> 
 
         </div> 
 
         <div class="twelve wide column"> 
 

 

 
          <select class="ui dropdown" 
 
            onchange="cities(this);document.getElementById('area').display='';" 
 
            name="region" id="region"> 
 
           <option value="">«Choose state»</option> 
 
           <option value="7089183"> 
 

 
            Alabama 
 
           </option> 
 
     
 

 
          </select> 
 

 

 
         </div> 
 
        </div> 
 

 

 
        <div class="ui grid"> 
 
         <div class="four wide column "> 
 

 

 
          <div class="required field"> 
 
           <label>City</label> 
 

 

 
          </div> 
 
         </div> 
 
         <div class="twelve wide column"> 
 

 
          <div id="cities" class="column field"> 
 
           <select class="ui dropdown" 
 
             onchange="cities(this);document.getElementById('area').display='';" 
 
             name="region" id="region"> 
 
            <option value="">«Choose city»</option> 
 

 

 
           </select> 
 

 
          </div> 
 

 

 
         </div> 
 

 

 
        </div> 
 

 

 
        <div class="ui grid"> 
 
         <div class="four wide column required field"> 
 

 
          <label>Category</label> 
 

 
         </div> 
 
         <div class="twelve wide column"> 
 

 

 
          <select class="ui dropdown" name="category_group" id="category_group" sel_id=""> 
 
           <option value="0" selected="selected">«All categories 
 
            » 
 
           </option> 
 
    
 

 

 
         </div> 
 
        </div> 
 
        <div class="ui grid"> 
 
         <div class="four wide column "> 
 
          <label>Type</label> 
 
         </div> 
 
         <div class="twelve wide column"> 
 
          <div id="type_container" class="inline fields"> 
 
           <div class="field"> 
 
            <div class="ui radio checkbox"> 
 
             <input type="radio" name="frequency" checked="checked"> 
 
             <label>For sale</label> 
 
            </div> 
 
           </div> 
 
           <div class="field"> 
 
            <div class="ui radio checkbox"> 
 
             <input type="radio" name="frequency"> 
 
             <label>Wanted</label> 
 
            </div> 
 
           </div> 
 
          </div> 
 
         </div> 
 
        </div> 
 

 

 
        <div class="ui grid" id="category_contents"> 
 

 

 
         <div class="four wide column required field"> 
 
          <label>Title</label> 
 
         </div> 
 
         <div class="twelve wide column"> 
 
          <input type="text" name="title" placeholder="Last Name"> 
 
         </div> 
 

 
         <div class="four wide column required field"> 
 
          <label><label for="text">Ad text</label></label> 
 
         </div> 
 
         <div class="twelve wide column"> 
 
          <textarea cols="45" id="text" name="text" placeholder="Please describe the product or service in a few simple sentences" rows="10"></textarea> 
 
         </div> 
 

 

 
         <div class="four wide column "> 
 
          <label> Price</label> 
 
         </div> 
 
         <div class="twelve wide column"> 
 
          <div class="input-group"> 
 
         <span class="input-group-addon"> 
 
          Rs 
 
          </span> 
 
           <input type="text" name="price" class="form-control" 
 
             aria-label="Amount (to the nearest dollar)"> 
 
           <span class="input-group-addon">. 
 
            00</span> 
 
          </div> 
 
        </div> 
 
</div> 
 
        <div class="ui grid"> 
 
         <div class="four wide column "> 
 
          <label>Image</label> 
 

 
         </div> 
 

 

 
         <div class="twelve wide column"> 
 
          <input name="image1" size="35" id="image1" type="file"> 
 

 
         </div> 
 
        </div> 
 

 

 
        <div class="ui grid"> 
 
         <div class="four wide column "> 
 
          <label>Image</label> 
 

 
         </div> 
 

 

 
         <div class="twelve wide column"> 
 
          <input name="image1" size="35" id="image2a" type="file"> 
 

 
         </div> 
 
        </div> 
 
        <div class="ui grid"> 
 
         <div class="four wide column "> 
 
          <label>Image</label> 
 

 
         </div> 
 

 

 
         <div class="twelve wide column"> 
 

 
          <input name="image1" size="35" id="image3" type="file"> 
 
         </div> 
 
        </div> 
 

 

 
        <div class="ui grid"> 
 
         <div class="four wide column "> 
 
          <label>Image</label> 
 

 
         </div> 
 

 

 
         <div class="twelve wide column"> 
 

 

 
          <input name="image1" size="35" id="image4" type="file"> 
 

 

 
         </div> 
 

 
        </div> 
 
        <div class="ui grid"> 
 
         <div class="four wide column "> 
 
          <label>Image</label> 
 

 
         </div> 
 

 

 
         <div class="twelve wide column"> 
 

 
          <input name="image1" size="35" id="image5" type="file"> 
 

 
         </div> 
 
        </div> 
 

 

 
        <div class="ui grid"> 
 
         <div class="four wide column "> 
 
          <label>Terms</label> 
 

 
         </div> 
 

 

 
         <div class="twelve wide column"> 
 

 
          <div class="ui checkbox"> 
 
           <input id="terms" type="checkbox" checked> 
 
           <label for="terms">I agree to the Terms and Conditions</label> 
 
          </div> 
 

 
         </div> 
 
        </div> 
 

 

 
        <div class="ui grid"> 
 
         <div class="four wide column "> 
 
         </div> 
 
         <div class="twelve wide column"> 
 

 
          <div class="ui error message"></div> 
 

 

 
         </div> 
 
        </div> 
 

 

 
        <div class="ui grid"> 
 
         <div class="four wide column "> 
 
         </div> 
 

 
         <div class="twelve wide column"> 
 

 
          <div id="loading" class="progressBar"> 
 
           <div class="ui active inline loader"></div> 
 
           Waiting for response<span id="loading_dots"></span></div> 
 

 
          <button name="validate" type="submit" class="btn btn-success btn-lg" 
 
            onclick="showProgressBar();"> 
 
           Continue 
 
          </button> 
 

 

 
         </div> 
 

 
        </div> 
 
        <!-- <button class="ui button" type="submit">Submit</button> --> 
 
       </form> 
 
      </div> 
 

 
v> 
 

 
</body> 
 
</html>

출처

2016-07-20 Niklas Rosencrantz

을 제공하는 것입니다,하지만 (예 :' Private') – Pete

@Pete 어떻게 고칠 수 있습니까? –

편집 된 댓글보기, 내가 답변을 추가하겠습니다. 2 분이 내게 – Pete

귀하의 라디오 버튼이 작동하지 않습니다.

이

<label for="id_of_radio">text</label>

그래서 민간 라디오 버튼의 예에서, 당신이되고 당신의 레이블을 변경합니다 : : 작업에 이러한 위해서는, 당신은 다음을 수행하여 것이있는 라디오 레이블을 연결해야

모든 레이블 (해당 입력에 연결)이 작업을 수행하는 경우

<label for="c_ad">Private</label>

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <!-- Standard Meta --> 
 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
 
    <meta charset="UTF-8"> 
 

 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> 
 
    <title>jQuery Validation Error Placement for Semantic-UI</title> 
 
    <link href="/static/css/generic_in.css?newsvgindia.393932601812558191" rel="stylesheet" type="text/css"> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 
 
    <link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.css" rel="stylesheet" type="text/css"> 
 

 

 

 

 

 
    <nav class="navbar navbar-inverse navbar-fixed-top"> 
 
    <div class="container"> 
 
     <div class="navbar-header"> 
 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
 
      <span class="sr-only">Toggle navigation</span> 
 
      <span class="icon-bar"></span> 
 
      <span class="icon-bar"></span> 
 
      <span class="icon-bar"></span> 
 
     </button> 
 
     <a class="navbar-brand" href="/">Customer Service</a> 
 
     </div> 
 
     <div id="navbar" class="navbar-collapse collapse"> 
 
     <form class="navbar-form navbar-right" enctype="application/x-www-form-urlencoded" action="/account/do_login" method="post"> 
 
      <div class="form-group"> 
 
      <input type="text" name="email" placeholder="Email" class="form-control"> 
 
      </div> 
 
      <div class="form-group"> 
 
      <input type="password" name="password" placeholder="Password" class="form-control"> 
 
      </div> 
 
      <button type="submit" class="btn btn-success">Sign in</button> 
 
     </form> 
 
     </div> 
 
     <!--/.navbar-collapse --> 
 
    </div> 
 
    </nav> 
 

 
    <!-- Main jumbotron for a primary marketing message or call to action --> 
 
    <div class="center jumbotron"> 
 
    <div class="container" style="margin-top:20px; width: 75%"> 
 

 
     <!-- 
 
      <div class="ui grid"> 
 
       <div class="row"> 
 
        <div class="twelve wide column"> 
 
         <div class="ui menu"> 
 
          <a class="item" href="/"> 
 
           HOME 
 
          </a> 
 
          <a class="header item" style="color:black;;font-size:14px;" href="/ai"> 
 
           INSERT AD 
 
           
 
          </a> 
 
          <a class="item" style="color:black;;font-size:14px;" 
 
           href="/"> 
 
           SEARCH FOR ADS 
 

 
          </a> 
 
          <a class="item" style="color:black;;font-size:14px;" href="/customer_service.htm"> 
 
           CUSTOMER 
 
            SERVICE</a> 
 

 

 
         </div> 
 
         <div class="ui ignored positive icon message"> 
 
          <i class="edit icon"></i> 
 

 
          <div class="content"> 
 
           <h3 class="header">Insert Ad</h3> 
 
           Your ad will be reviewed according to the rules of our site. After approval, it will be 
 
           published 
 
           for a period 
 
           of 60 days. Thanks for using our site! 
 
          </div> 
 
         </div> 
 

 
        </div> 
 
       </div> 
 
      </div> 
 

 
--> 
 
     <div class="ui text container"> 
 

 
     <div class="ui menu"> 
 
      <a class="item" href="/"> 
 
         HOME 
 
        </a> 
 
      <a class="header item" style="color:black;;font-size:14px;" href="/ai"> 
 
         INSERT AD 
 
         
 
        </a> 
 
      <a class="item" style="color:black;;font-size:14px;" href="/"> 
 
         SEARCH FOR ADS 
 

 
        </a> 
 
      <a class="item" style="color:black;;font-size:14px;" href="/customer_service.htm"> 
 
         CUSTOMER 
 
          SERVICE</a> 
 

 

 
     </div> 
 

 

 

 
     <div class="ui ignored positive icon message"> 
 
      <i class="edit icon"></i> 
 

 
      <div class="content"> 
 
      <h3 class="header">Insert Ad</h3> 
 
      Your ad will be reviewed according to the rules of our site. After approval, it will be published for a period of 60 days. Thanks for using our site! 
 
      </div> 
 
     </div> 
 
     <form method="post" action="http://127.0.0.1:8080/_ah/upload/ahFkZXZ-bW9udGFvcHJvamVjdHIiCxIVX19CbG9iVXBsb2FkU2Vzc2lvbl9fGICAgICAgIYJDA" name="formular" class="ui form"> 
 

 

 

 

 

 
      <div class="ui grid"> 
 
      <div class="four wide column required field"> 
 
       <label>Type</label> 
 
      </div> 
 
      <div class="twelve wide column"> 
 

 
       <div class="inline fields"> 
 
       <div class="field"> 
 
        <div class="ui radio checkbox"> 
 
        <input type="radio" id="c_ad" name="company_ad" value="0"> 
 
        <label for="c_ad">Private</label> 
 
        </div> 
 
       </div> 
 
       <div class="field"> 
 
        <div class="ui radio checkbox"> 
 
        <input type="radio" id="c_ad2" name="company_ad" value="1"> 
 
        <label for="c_ad2">Company</label> 
 
        </div> 
 
       </div> 
 

 
       </div> 
 

 

 
      </div> 
 
      </div> 
 

 

 
      <div class="ui grid"> 
 
      <div class="four wide column required field"> 
 
       <label>Name</label> 
 
      </div> 
 
      <div class="twelve wide column"> 
 
       <input type="text" name="first-name" placeholder="First Name"> 
 
      </div> 
 
      </div> 
 
      <div class="ui grid"> 
 
      <div class="four wide column required field"> 
 
       <label>Email</label> 
 
      </div> 
 
      <div class="twelve wide column"> 
 
       <input type="text" name="first-name" placeholder="Email"> 
 
      </div> 
 
      </div> 
 
      <div class="ui grid"> 
 
      <div class="four wide column"> 
 
       <label>Phone</label> 
 
      </div> 
 
      <div class="twelve wide column"> 
 
       <input type="text" name="first-name" placeholder="Last Name"> 
 
      </div> 
 
      </div> 
 

 

 
      <div class="ui grid"> 
 
      <div class="four wide column"> 
 

 
      </div> 
 
      <div class="twelve wide column"> 
 
       <div class="ui checkbox"> 
 
       <input id="example-id" type="checkbox" checked> 
 
       <label for="example-id">Display my phone number on site</label> 
 
       </div> 
 
      </div> 
 
      </div> 
 

 

 
      <div class="ui grid"> 
 
      <div class="four wide column required field"> 
 
       <label>Place</label> 
 
      </div> 
 
      <div class="twelve wide column"> 
 

 

 
       <select class="ui dropdown" onchange="cities(this);document.getElementById('area').display='';" name="region" id="region"> 
 
       <option value="">«Choose state»</option> 
 
       <option value="7089183"> 
 

 
        Alabama 
 
       </option> 
 

 

 
       </select> 
 

 

 
      </div> 
 
      </div> 
 

 

 
      <div class="ui grid"> 
 
      <div class="four wide column "> 
 

 

 
       <div class="required field"> 
 
       <label>City</label> 
 

 

 
       </div> 
 
      </div> 
 
      <div class="twelve wide column"> 
 

 
       <div id="cities" class="column field"> 
 
       <select class="ui dropdown" onchange="cities(this);document.getElementById('area').display='';" name="region" id="region"> 
 
        <option value="">«Choose city»</option> 
 

 

 
       </select> 
 

 
       </div> 
 

 

 
      </div> 
 

 

 
      </div> 
 

 

 
      <div class="ui grid"> 
 
      <div class="four wide column required field"> 
 

 
       <label>Category</label> 
 

 
      </div> 
 
      <div class="twelve wide column"> 
 

 

 
       <select class="ui dropdown" name="category_group" id="category_group" sel_id=""> 
 
       <option value="0" selected="selected">«All categories » 
 
       </option> 
 

 

 

 
      </div> 
 
      </div> 
 
      <div class="ui grid"> 
 
      <div class="four wide column "> 
 
       <label>Type</label> 
 
      </div> 
 
      <div class="twelve wide column"> 
 
       <div id="type_container" class="inline fields"> 
 
       <div class="field"> 
 
        <div class="ui radio checkbox"> 
 
        <input type="radio" name="frequency" checked="checked"> 
 
        <label>For sale</label> 
 
        </div> 
 
       </div> 
 
       <div class="field"> 
 
        <div class="ui radio checkbox"> 
 
        <input type="radio" name="frequency"> 
 
        <label>Wanted</label> 
 
        </div> 
 
       </div> 
 
       </div> 
 
      </div> 
 
      </div> 
 

 

 
      <div class="ui grid" id="category_contents"> 
 

 

 
      <div class="four wide column required field"> 
 
       <label>Title</label> 
 
      </div> 
 
      <div class="twelve wide column"> 
 
       <input type="text" name="title" placeholder="Last Name"> 
 
      </div> 
 

 
      <div class="four wide column required field"> 
 
       <label> 
 
       <label for="text">Ad text</label> 
 
       </label> 
 
      </div> 
 
      <div class="twelve wide column"> 
 
       <textarea cols="45" id="text" name="text" placeholder="Please describe the product or service in a few simple sentences" rows="10"></textarea> 
 
      </div> 
 

 

 
      <div class="four wide column "> 
 
       <label>Price</label> 
 
      </div> 
 
      <div class="twelve wide column"> 
 
       <div class="input-group"> 
 
       <span class="input-group-addon"> 
 
          Rs 
 
          </span> 
 
       <input type="text" name="price" class="form-control" aria-label="Amount (to the nearest dollar)"> 
 
       <span class="input-group-addon">. 
 
            00</span> 
 
       </div> 
 
      </div> 
 
      </div> 
 
      <div class="ui grid"> 
 
      <div class="four wide column "> 
 
       <label>Image</label> 
 

 
      </div> 
 

 

 
      <div class="twelve wide column"> 
 
       <input name="image1" size="35" id="image1" type="file"> 
 

 
      </div> 
 
      </div> 
 

 

 
      <div class="ui grid"> 
 
      <div class="four wide column "> 
 
       <label>Image</label> 
 

 
      </div> 
 

 

 
      <div class="twelve wide column"> 
 
       <input name="image1" size="35" id="image2a" type="file"> 
 

 
      </div> 
 
      </div> 
 
      <div class="ui grid"> 
 
      <div class="four wide column "> 
 
       <label>Image</label> 
 

 
      </div> 
 

 

 
      <div class="twelve wide column"> 
 

 
       <input name="image1" size="35" id="image3" type="file"> 
 
      </div> 
 
      </div> 
 

 

 
      <div class="ui grid"> 
 
      <div class="four wide column "> 
 
       <label>Image</label> 
 

 
      </div> 
 

 

 
      <div class="twelve wide column"> 
 

 

 
       <input name="image1" size="35" id="image4" type="file"> 
 

 

 
      </div> 
 

 
      </div> 
 
      <div class="ui grid"> 
 
      <div class="four wide column "> 
 
       <label>Image</label> 
 

 
      </div> 
 

 

 
      <div class="twelve wide column"> 
 

 
       <input name="image1" size="35" id="image5" type="file"> 
 

 
      </div> 
 
      </div> 
 

 

 
      <div class="ui grid"> 
 
      <div class="four wide column "> 
 
       <label>Terms</label> 
 

 
      </div> 
 

 

 
      <div class="twelve wide column"> 
 

 
       <div class="ui checkbox"> 
 
       <input id="terms" type="checkbox" checked> 
 
       <label for="terms">I agree to the Terms and Conditions</label> 
 
       </div> 
 

 
      </div> 
 
      </div> 
 

 

 
      <div class="ui grid"> 
 
      <div class="four wide column "> 
 
      </div> 
 
      <div class="twelve wide column"> 
 

 
       <div class="ui error message"></div> 
 

 

 
      </div> 
 
      </div> 
 

 

 
      <div class="ui grid"> 
 
      <div class="four wide column "> 
 
      </div> 
 

 
      <div class="twelve wide column"> 
 

 
       <div id="loading" class="progressBar"> 
 
       <div class="ui active inline loader"></div> 
 
       Waiting for response<span id="loading_dots"></span> 
 
       </div> 
 

 
       <button name="validate" type="submit" class="btn btn-success btn-lg" onclick="showProgressBar();"> 
 
       Continue 
 
       </button> 
 

 

 
      </div> 
 

 
      </div> 
 
      <!-- <button class="ui button" type="submit">Submit</button> --> 
 
     </form> 
 
     </div> 
 

 
     v> 
 

 
     </body> 
 

 
</html>

그것은 어디 갔지 의미합니다 n 레이블을 클릭하면 입력에 초점을 맞 춥니 다.

출처

2016-07-20 15:39:12 Pete

마크 업이 떨어져 보인다. 이 작업을 시도해야합니다 : 여기

<div class="radio"> 
    <label><input type="radio" name="optradio">Option 2</label> 
    </div>

더 많은 예제가 : 당신이 스타일이 라디오 버튼으로 레이블을 사용하여 라디오를 숨긴로 http://www.w3schools.com/bootstrap/bootstrap_forms_inputs.asp

출처

2016-07-20 15:35:54 tech4242

라디오 단추를 숨기고 자신의 CSS로 나타냅니다.

라디오 버튼은 숨겨진 <input type="radio">을 클릭 할 때만 선택되는 이유입니다. (dev 도구 및 테스트에서 <input type="radio">의 불투명도 선택을 취소하십시오)

이렇게하는 이유는있을 수 있지만 좋은 습관은 아닙니다. 또한 <input type="radio"> 태그는 <label> 안에 있어야 텍스트를 클릭해도 태그를 선택할 수 있습니다.

그러나 입력 라디오 태그를 안에 넣으면 스타일이 무너지는 것 같습니다. 당신이 id 속성을 제어 할 수있는 경우

대안, 당신은 스타일이 입력으로 라벨을 사용하고 있기 때문에 각각의 입력 태그에 해당하는 라벨 for 속성

<input type="radio" id="c_ad" name="company_ad" value="0" dcvalue="0"> 
<label for="c_ad">Private</label> 

<input type="radio" id="c_ad2" name="company_ad" value="1" dcvalue="1"> 
<label for="c_ad2">Company</label>

출처

2016-07-20 15:51:21 Razen

라디오 버튼을 선택할 수없는 이유는 무엇입니까?

답변

관련 문제