«html-input» 태그된 질문

입력 요소는 일반적으로 사용자가 데이터를 편집 할 수 있도록 양식 컨트롤이있는 형식화 된 데이터 필드를 나타냅니다.

30
CSS를 사용하여 HTML5 입력의 자리 표시 자 색상 변경
Chrome은 요소 에 대한 자리 표시 자 속성 을 지원합니다 input[type=text](다른 것 역시 가능). 그러나 다음 CSS은 자리 표시 자의 가치에 아무런 영향을 미치지 않습니다. input[placeholder], [placeholder], *[placeholder] { color: red !important; } <input type="text" placeholder="Value"> 코드 스 니펫 실행결과 숨기기스 니펫 확장 Valuegrey대신에 계속 남아 있습니다 red. 자리 표시 …


15
<button> vs. <input type =“button”/>. 어느 것을 사용해야합니까?
대부분의 사이트 (SO 포함)를 볼 때 대부분 다음을 사용합니다. &lt;input type="button" /&gt; 대신에: &lt;button&gt;&lt;/button&gt; 둘 사이의 주요 차이점은 무엇입니까? 다른 것을 사용하는 대신 유효한 이유가 있습니까? 조합하여 사용해야하는 유효한 이유가 있습니까? 사용 &lt;button&gt;에 호환성 문제가 발생 하여 널리 사용되지 않는 것을 보았습니까?

20
jQuery에서 이벤트 핸들러를 제거하는 가장 좋은 방법은 무엇입니까?
있습니다 input type="image". 이것은 Microsoft Excel의 셀 노트처럼 작동합니다. 누군가 가이 텍스트 상자에 숫자를 입력하면에 input-image대한 이벤트 핸들러를 설정합니다 input-image. 그런 다음 사용자가를 클릭 image하면 데이터에 메모를 추가 할 수있는 팝업이 나타납니다. 내 문제는 사용자가 텍스트 상자에 0을 입력하면 input-image의 이벤트 핸들러 를 비활성화해야한다는 것 입니다. 나는 다음을 시도했지만 아무 …
1053 jquery  html-input 

14
JavaScript를 사용하여 텍스트 입력 필드의 값을 얻으려면 어떻게합니까?
JavaScript로 검색하고 있습니다. 양식을 사용하지만 내 페이지에서 다른 것을 엉망으로 만듭니다. 이 입력 텍스트 필드가 있습니다. &lt;input name="searchTxt" type="text" maxlength="512" id="searchTxt" class="searchField"/&gt; 그리고 이것은 내 JavaScript 코드입니다. &lt;script type="text/javascript"&gt; function searchURL(){ window.location = "http://www.myurl.com/search/" + (input text value); } &lt;/script&gt; 텍스트 필드의 값을 JavaScript로 가져 오려면 어떻게합니까?


8
HTML 체크 박스의 체크 된 속성에 적절한 값은 무엇입니까?
우리는 모두 HTML로 체크 박스 입력을하는 방법을 알고 있습니다 : &lt;input name="checkbox_name" id="checkbox_id" type="checkbox"&gt; 내가 모르는 것-체크 박스의 기술적으로 올바른 값은 무엇입니까? 나는 이것들이 모두 작동하는 것을 보았다. &lt;input name="checkbox_name" id="checkbox_id" type="checkbox" checked&gt; &lt;input name="checkbox_name" id="checkbox_id" type="checkbox" checked="on"&gt; &lt;input name="checkbox_name" id="checkbox_id" type="checkbox" checked="yes"&gt; &lt;input name="checkbox_name" id="checkbox_id" type="checkbox" checked="checked"&gt; &lt;input name="checkbox_name" …


9
텍스트 입력을 편집 할 수 없도록하려면 어떻게합니까?
텍스트 입력이 있습니다 &lt;input type="text" value="3" class="field left"&gt; 여기 내 CSS가 있습니다. background:url("images/number-bg.png") no-repeat scroll 0 0 transparent; border:0 none; color:#FFFFFF; height:17px; margin:0 13px 0 0; text-align:center; width:17px; 이것에 대한 설정이나 트릭이 있습니까? 라벨 대신 스타일을 사용하는 방법을 생각하고있었습니다. 어떻게 변환하고 더 좋은 방법이 있습니까 아니면 유일한 방법입니까?
344 html  css  html-input 


29
jQuery를 사용하여 입력 필드 유형 변경
$(document).ready(function() { // #login-box password field $('#password').attr('type', 'text'); $('#password').val('Password'); }); 이것은 일반 텍스트 필드 의 #password입력 필드 (로 id="password") 를 변경 type password한 다음 "암호"텍스트를 채 웁니다. 그래도 작동하지 않습니다. 왜? 형식은 다음과 같습니다. &lt;form enctype="application/x-www-form-urlencoded" method="post" action="/auth/sign-in"&gt; &lt;ol&gt; &lt;li&gt; &lt;div class="element"&gt; &lt;input type="text" name="username" id="username" value="Prihlasovacie meno" class="input-text" /&gt; …

14
전화 : 텍스트 입력을위한 숫자 키보드
전화 번호 키보드를 강제로 켜는 방법이 &lt;input type="text"&gt;있습니까? 방금 &lt;input type="number"&gt;HTML5에서 "부동 소수점 숫자" 임을 알았 으므로 신용 카드 번호, 우편 번호 등에 적합하지 않습니다. &lt;input type="number"&gt;부동 소수점 숫자 이외의 숫자 값을 사용하는 입력에 대해의 숫자 키보드 기능을 에뮬레이션하고 싶습니다 . 아마도 다른 적절한 input유형이 있습니까?

13
Chrome이 내 사이트의 입력 상자를 황변하지 않게하려면 어떻게합니까?
양식 제출, 유효성 검사 후의 다른 텍스트 및 시각 보조 도구 중에서 입력 상자를 빨간색으로 표시하여주의가 필요한 대화 형 영역을 나타냅니다. Chrome (및 Google 툴바 사용자의 경우)에서 자동 완성 기능은 입력 양식의 색상을 노란색으로 변경합니다. 복잡한 문제는 다음과 같습니다. 사용자의 로그인 속도를 높이기 위해 양식에 자동 완성이 허용되기를 원합니다. 오류가 …

7
각도로 입력 요소의 ngModel 내에서 파이프 사용
HTML 입력 필드가 있습니다. &lt;input [(ngModel)]="item.value" name="inputField" type="text" /&gt; 값을 형식화하고 기존 파이프를 사용하고 싶습니다. .... [(ngModel)]="item.value | useMyPipeToFormatThatValue" .... 오류 메시지가 나타납니다. 액션 표현식에 파이프를 가질 수 없습니다 이 상황에서 파이프를 어떻게 사용합니까?

7
JQuery에서 파일 입력에서 데이터 가져 오기
실제로 파일 입력이 있고 파일의 Base64 데이터를 검색하고 싶습니다. 나는 시도했다 : $('input#myInput')[0].files[0] 데이터를 검색합니다. 그러나 이름, 길이, 내용 유형 만 제공하지만 데이터 자체는 제공하지 않습니다. Amazon S3로 전송하려면 실제로 이러한 데이터가 필요합니다. 이미 API를 테스트했으며 인코딩 형식이 "multipart / form-data"인 html 양식을 통해 데이터를 보낼 때 작동합니다. 이 플러그인을 …

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.