코딩하다 현타올 때

질문 : HTML은 왜 "chucknorris"가 색상이라고 생각합니까? HTML에서 배경색으로 입력 할 때 특정 임의의 문자열이 색상을 생성하는 이유는 무엇입니까? 예를 들면 : test ... 모든 브라우저와 플랫폼 에서 빨간색 배경 의 문서를 생성합니다. 반면에 chucknorr 는 노란색 배경을 생성합니다! 여기서 무슨 일이 일어나고 있습니까? 답변 넷스케이프 시대의 이월입니다. 누락 된 숫자는 0 [...]으로 처리됩니다. 잘못된 숫자는 단순히 0으로 해석됩니다. 예를 들어 # F0F0F0, F0F0F0, F0F0F, #FxFxFx 및 FxFxFx 값은 모두 동일합니다. 그것은 다양한 길이의 색상 값 등을 포함하여 매우 자세하게 다루는 Microsoft Internet Explorer의 색상 구..

질문 : HTML 양식을 중첩 할 수 있습니까? 다음과 같은 HTML 양식을 중첩 할 수 있습니까? 두 양식이 모두 작동하도록? 내 친구는 이것에 문제가 있습니다. subForm 의 일부는 작동하지만 다른 부분은 작동하지 않습니다. 답변 한마디로, 아닙니다. 한 페이지에 여러 양식이있을 수 있지만 중첩되어서는 안됩니다. html5 작업 초안에서 : 4.10.3 form 요소 콘텐츠 모델 : 흐름 콘텐츠이지만 양식 요소 하위 항목이 없습니다. 출처 : https://stackoverflow.com/questions/379610/can-you-nest-html-forms

질문 : HTML 텍스트 입력은 숫자 입력 만 허용합니다. 숫자 키 입력 (+ '.') 만 허용하도록 )을 설정하는 빠른 방법이 있습니까? 답변 참고 : 이것은 업데이트 된 답변입니다. 아래 주석은 키 코드를 엉망으로 만든 이전 버전을 나타냅니다. JSFiddle에서 직접 시도해보십시오. setInputFilter 함수를 사용하여 의 입력 값을 필터링 할 수 있습니다 (복사 + 붙여 넣기, 드래그 + 드롭, 키보드 단축키, 컨텍스트 메뉴 작업, 입력 할 수없는 키, 캐럿 위치, 다른 키보드 레이아웃 및 모든 브라우저 지원). IE 9 이후 ) : function setInputFilter(textbox, inputFilter) { ["input", "keydown", "keyup", "mousedown"..

질문 : HTML에서 줄 바꿈을 해제하는 방법은 무엇입니까? 이것을 알아낼 수 없어서 어리석은 느낌이 들지만, 단어 줄 바꿈을 어떻게 해제합니까? css word-wrap break-word 를 사용하여 강제로 설정할 수 있지만 강제로 끌 normal 값으로 만 그대로 둘 수 있음). 줄 바꿈을 강제로 해제하려면 어떻게합니까? 답변 white-space 속성을 사용해야합니다. 특히 white-space: nowrap 및 white-space: pre 가 가장 일반적으로 사용되는 값입니다. 첫 번째는 당신이 추구하는 것 같습니다. 출처 : https://stackoverflow.com/questions/4652654/how-to-turn-off-word-wrapping-in-html

질문 : 공백이 아닌 태그가 HTML5에서 유효한가요? W3C 유효성 검사기 는 무효가 아닌 요소 /> "로 끝나는 태그)를 좋아하지 않습니다. (Void 요소는 콘텐츠를 포함 할 수없는 요소입니다.) HTML5에서도 여전히 유효합니까? 허용되는 void 요소의 몇 가지 예 : 무효가 아닌 거부 된 요소의 몇 가지 예 : 노트 : W3C의 유효성 검사기가 실제로 무효 자동 폐쇄 태그를 허용합니다 저자가 원래 때문에 단순한 오타의 문제가 있었다 ( \> 대신 /> ); 그러나 자동 종료 태그는 일반적으로 HTML5에서 100 % 유효하지 않으며 다양한 HTML 버전에서 자동 종료 태그 문제에 대한 답변이 자세히 설명되어 있습니다. 답변 (이론적으로) HTML 4 에서 는 전혀 없음)는 ( 의미 > (즉 >..

질문 : 라디오 버튼이 JQuery로 선택되어 있는지 확인하십시오. 라디오 버튼을 잘 체크하도록 설정할 수 있지만, 원하는 것은 특정 라디오 버튼이 체크되면 활성화되는 일종의 '리스너'를 설정하는 것입니다. 예를 들어 다음 코드를 살펴보십시오. $("#element").click(function() { $('#radio_button').attr("checked", "checked"); }); 확인 된 속성을 추가하고 모든 것이 잘되지만 경고를 추가하는 방법은 무엇입니까? 예를 들어, 클릭 기능의 도움없이 라디오 버튼을 선택하면 팝업이 표시됩니까? 답변 $('#element').click(function() { if($('#radio_button').is(':checked')) { alert("it's c..

질문 : 문자열에서 HTML 태그 제거Java 문자열에서 HTML을 제거하는 좋은 방법이 있습니까? 다음과 같은 간단한 정규식replaceAll("\\", "") 작동하지만 & 올바르게 변환되지 않고 두 꺾쇠 괄호 사이의 비 HTML이 제거됩니다 (예 : .*? 가 사라짐).답변정규식 대신 HTML 파서를 사용하십시오. 이것은 Jsoup으로 매우 간단합니다.public static String html2text(String html) { return Jsoup.parse(html).text(); } Jsoup은 또한 사용자 정의 가능한 화이트리스트에 대한 HTML 태그 제거 를 지원합니다 , 및 만 허용하려는 경우 매우 유용합니다.정규식은 XHTML 자체 포함 태그를 제외한 열린 태그와 일치합니다.주요 ..

질문 : jQuery에서 Ajax 요청으로 FormData 객체를 보내는 방법은 무엇입니까? XMLHttpRequest 레벨 2 표준 (여전히 작업 초안)은 FormData 인터페이스를 정의합니다. 이 인터페이스를 사용하면 XHR 요청 (Ajax 요청)에 File Btw, 이것은 새로운 기능입니다. 과거에는 "hidden-iframe-trick"이 사용되었습니다 ( 다른 질문 에서 이에 대해 읽어보십시오). 작동 방식 (예) : var xhr = new XMLHttpRequest(), fd = new FormData(); fd.append( 'file', input.files[0] ); xhr.open( 'POST', 'http://example.com/script.php', true ); xhr.onr..

질문 : 내장 DOM 메소드 또는 프로토 타입을 사용하여 HTML 문자열에서 새 DOM 요소 생성 요소를 나타내는 HTML 문자열이 있습니다 : 'text' . DOM의 요소 (제 경우 ul 프로토 타입이나 DOM 메소드로 어떻게 할 수 있습니까? (나는 jQuery에서 쉽게 할 수 있다는 것을 알고 있지만 불행히도 jQuery를 사용하지 않습니다.) 답변 참고 : 대부분의 최신 브라우저는 HTML 요소를 지원하므로 문자열에서 요소를 만드는보다 안정적인 방법을 제공합니다. 자세한 내용은 아래 Mark Amery의 답변을 참조하십시오 . 이전 브라우저 및 node / jsdom 요소를 지원하지 않음)의 경우 다음 방법을 사용하십시오. HTML 문자열에서 DOM 요소를 가져 오기 위해 라이브러리가 사용하는 ..

질문 : CSS를 사용하여 HTML5 입력의 자리 표시 자 색상 변경 Chrome은 input[type=text] 요소에 대한 자리 표시 자 속성 을 지원합니다 (다른 요소도 가능). 그러나 다음 CSS는 자리 표시 자의 값에 아무런 영향을주지 않습니다. input[placeholder], [placeholder], *[placeholder] { color: red !important; } 그러나 Value 는 여전히 red 대신 grey 유지됩니다. 자리 표시 자 텍스트의 색상을 변경하는 방법이 있습니까? 답변 세 가지 다른 구현이 있습니다 : 의사 요소, 의사 클래스 및 아무것도 없습니다. WebKit, Blink (Safari, Google Chrome, Opera 15+) 및 Microsoft E..

질문 : 청산 jQuery 사용 제어 값을 지울 수 있습니까? 나는 다음을 시도했다 : $('#control').attr({ value: '' }); 하지만 작동하지 않습니다. 답변 쉬움 : 을 감싸고 양식에서 reset을 호출 한 다음 .unwrap() 사용하여 양식을 제거합니다. .clone() 솔루션과 달리 끝에는 동일한 요소 (설정된 사용자 지정 속성 포함)가 있습니다. Opera, Firefox, Safari, Chrome 및 IE6 +에서 테스트 및 작업했습니다. type="hidden" 제외하고 다른 유형의 양식 요소에서도 작동합니다. window.reset = function(e) { e.wrap('').closest('form').get(0).reset(); e.unwrap(); } Re..

질문 : HTML5 양식 요소의 유효성 검사 비활성화 내 양식에서 새로운 HTML5 양식 유형 (예 : ( 유형에 대한 자세한 정보는 여기 ))을 사용하고 싶습니다. 문제는 Chrome이 나를 위해 매우 유용하고 이러한 요소를 검증하기를 원한다는 것입니다. 기본 제공 유효성 검사에 실패하면 포커스를받는 요소 외에 다른 메시지 나 표시가 없습니다. URL 요소를 "http://" 미리 채우므로 내 사용자 지정 유효성 검사는 해당 값을 빈 문자열로 처리하지만 Chrome은이를 거부합니다. 유효성 검사 규칙을 변경할 수 있다면 그것도 작동 할 것입니다. type="text" 를 사용하여 다시 되돌릴 수 있다는 것을 알고 있지만 이러한 새로운 유형의 제안을 사용하여 멋진 향상을 원합니다 (예 : 모바일 장치에서..

질문 : jQuery 비활성화 / 활성화 제출 버튼 이 HTML이 있습니다. 다음과 같이 어떻게 할 수 있습니까? 텍스트 필드가 비어 있으면 제출을 비활성화해야합니다 (disabled = "disabled"). 비활성화 된 속성을 제거하기 위해 텍스트 필드에 무언가를 입력 할 때. 텍스트 필드가 다시 비워지면 (텍스트가 삭제됨) 제출 버튼을 다시 비활성화해야합니다. 나는 다음과 같이 시도했다. $(document).ready(function(){ $('input[type="submit"]').attr('disabled','disabled'); $('input[type="text"]').change(function(){ if($(this).val != ''){ $('input[type="submit"]')..

질문 : HTML의 기본값을 어떻게 설정할 수 있습니까?요소? 아래 "value" 속성 세트를 추가하면 기본적으로 제공된 "value" 이 선택됩니다. 1 2 3 4 5 그러나 이것은 내가 예상했던대로 작동하지 않았습니다. 기본적으로 선택 요소를 어떻게 설정할 수 있습니까? 답변 기본값이 될 옵션에 대해 selected="selected" 3 출처 : https://stackoverflow.com/questions/3518002/how-can-i-set-the-default-value-for-an-html-select-element

질문 : HTML의 id 속성에 유효한 값은 무엇입니까? id 속성을 만들 때 값에 어떤 규칙이 있습니까? 답변 HTML 4 의 경우 답은 기술적으로 다음과 같습니다. ID 및 NAME 토큰은 문자 ([A-Za-z])로 시작해야하며 그 뒤에 문자, 숫자 ([0-9]), 하이픈 ( "-"), 밑줄 ( "_")이 올 수 있습니다. , 콜론 ( ":") 및 마침표 ( "."). HTML 5 는 훨씬 더 관대하며, ID는 적어도 하나의 문자를 포함해야하며 공백 문자를 포함하지 않을 수 있습니다. id 속성은 XHTML 에서 대소 문자를 구분합니다. 순전히 실용적인 문제로 특정 문자를 피하는 것이 좋습니다. 마침표, 콜론 및 '#'은 CSS 선택기에서 특별한 의미가 있으므로 CSS에서 백 슬래시를 사용하거나 jQ..

질문 : CSS3를 사용한 SVG 드롭 섀도우 css3을 사용하여 svg 요소에 대한 그림자를 설정할 수 있습니까? box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; 필터 효과를 사용하여 그림자를 만드는 것에 대한 몇 가지 언급을 보았습니다. CSS 만 사용하는 예가 있습니까? 다음은 cusor 스타일이 올바르게 적용되었지만 그림자 효과가없는 작업 코드입니다. 최소한의 코드로 그림자 효과를 얻을 수 있도록 도와주세요. svg .shadow { cursor:crosshair; -moz-box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; box-shado..

질문 : CSS에서 px 또는 rem 값 단위를 사용해야합니까? 새 웹 사이트를 디자인하고 있으며 가능한 한 많은 브라우저 및 브라우저 설정과 호환되기를 원합니다. 글꼴 및 요소의 크기에 사용할 측정 단위를 결정하려고하는데 결정적인 답을 찾을 수 없습니다. 내 질문은 : 내 CSS에서 px 또는 rem 지금까지 px 사용은 브라우저에서 기본 글꼴 크기를 조정하는 사용자와 호환되지 않는다는 것을 알고 있습니다. 나는 그들이 계단식으로 rem 비해 유지 관리가 더 em 때문에 무시했습니다. 어떤 사람들은 rem 은 해상도에 독립적이므로 더 바람직하다고 말합니다. 그러나 다른 사람들은 대부분의 최신 브라우저가 어쨌든 모든 요소를 동일하게 확대하므로 px 사용하는 것은 문제가되지 않는다고 말합니다. CSS에서 ..

질문 : 텍스트 선택 강조 표시를 비활성화하는 방법 버튼 (예 : Stack Overflow 페이지 상단에있는 Questions , Tags , Users 등) 또는 탭처럼 작동하는 앵커의 경우 사용자가 실수로 텍스트를 선택한 경우 강조 표시 효과를 비활성화하는 CSS 표준 방법이 있습니까? ? 이 작업은 JavaScript로 수행 할 수 있으며 약간의 인터넷 검색으로 Mozilla 전용 -moz-user-select 옵션이 생성되었습니다. CSS로이를 수행 할 수있는 표준 준수 방법이 있습니까? 그렇지 않은 경우 "모범 사례"접근 방식은 무엇입니까? 답변 2017 년 1 월 업데이트 : Can I use 에 따르면 현재 Internet Explorer 9 및 이전 버전을 제외한 모든 브라우저에서 use..

질문 : PHP 메일 기능이 이메일 전송을 완료하지 못함 간단한 메일 양식을 만들어 보았습니다. 양식 자체는 내 index.html 페이지에 있지만 위의 PHP 코드가 삽입 된 별도의 "제출해 주셔서 감사합니다"페이지 인 thankyou.php 코드는 완벽하게 제출되지만 이메일을 보내지 않습니다. 이 문제를 어떻게 해결할 수 있습니까? 답변 이 답변의 일부가 mail() 함수 자체의 사용에만 적용되지만 이러한 문제 해결 단계의 대부분은 모든 PHP 메일 링 시스템에 적용될 수 있습니다. 스크립트가 이메일을 보내지 않는 것처럼 보이는 데에는 여러 가지 이유가 있습니다. 명백한 구문 오류가 없으면 이러한 것들을 진단하기가 어렵습니다. 하나가 없으면 아래 체크리스트를 실행하여 발생할 수있는 잠재적 인 함정을 ..

질문 : HTML5 로컬 저장소와 세션 저장소 비 영구적이고 현재 창으로 만 범위가 지정되는 것 외에도 로컬 스토리지를 통한 세션 스토리지에 대한 이점 (성능, 데이터 액세스 등)이 있습니까? 답변 localStorage 및 sessionStorage 모두 Storage를 확장합니다. sessionStorage 의 의도 된 "비 지속성"을 제외하고는 차이점이 없습니다. localStorage 저장된 데이터는 명시 적으로 삭제 될 때까지 유지됩니다 . 변경 사항이 저장되고 현재 및 향후 사이트 방문시 사용할 수 있습니다. sessionStorage 경우 탭당 변경 사항 만 사용할 수 있습니다. 변경 사항은 저장되어 닫힐 때까지 해당 탭의 현재 페이지에서 사용할 수 있습니다. 닫히면 저장된 데이터가 삭제됩니..

질문 : CSS에서 속성으로 요소 선택 data-role )으로 CSS의 요소를 선택할 수 있습니까? 답변 속성 선택기를 사용하는 것을 의미하는 경우 다음과 같은 이유가 있습니다. [data-role="page"] { /* Styles */ } 내가 링크하는 문서에서 모두 다루는 다양한 시나리오에 사용할 수있는 다양한 속성 선택기가 있습니다. 맞춤 데이터 속성이 '새로운 HTML5 기능'임에도 불구하고 브라우저는 일반적으로 비표준 속성을 지원하는 데 문제가 없으므로 속성 선택기로 필터링 할 수 있어야합니다. 과 CSS 유효성 검사에 대해서도 걱정할 필요가 없습니다. CSS는 선택기 구문을 깨지 않는 한 네임 스페이스가 지정되지 않은 속성 이름에 대해 신경 쓰지 않기 때문입니다. 출처 : https://s..

질문 : HTML 양식 입력 필드에 대해 disabled =“disabled”와 readonly =“readonly”의 차이점은 무엇입니까? 나는 이것에 대해 조금 읽었지만 다른 브라우저가 사물을 어떻게 처리하는지에 대해 확실한 것을 찾지 못하는 것 같습니다. 답변 readonly 요소는 편집 할 수 없지만 해당 form 제출 될 때 전송됩니다. disabled 요소는 편집 할 수 없으며 제출시 전송되지 않습니다. 또 다른 차이점은 readonly 요소는 포커스를받을 수 있고 (폼을 "탭"할 때 포커스를받을 수 있음) disabled 요소는 할 수 없다는 것입니다. 이 훌륭한 기사 또는 w3c의 정의 에서 이에 대해 자세히 읽어보십시오. 중요한 부분을 인용하려면 : 주요 차이점 Disabled 속성 비활..

질문 : HTML 양식 읽기 전용 SELECT 태그 / 입력 HTML 사양에 따르면 HTML의 select 태그에는 readonly 속성 disabled 속성 만 있습니다. 따라서 사용자가 드롭 다운을 변경 disabled 하려면 disabled를 사용해야합니다. 유일한 문제는 비활성화 된 HTML 양식 입력이 POST / GET 데이터에 포함되지 않는다는 것입니다. select 태그에 대한 readonly 속성을 에뮬레이트하고 여전히 POST 데이터를 얻는 가장 좋은 방법은 무엇입니까? 답변 select 요소를 disabled 상태로 유지하고 동일한 이름과 값을 가진 또 다른 숨겨진 input SELECT를 다시 활성화하는 경우 해당 값을 onchange 이벤트의 숨겨진 입력에 복사하고 숨겨진 입력을 ..

질문 : 다른 브라우저에서 URL의 최대 길이는 얼마입니까? 다른 브라우저에서 URL의 최대 길이는 얼마입니까? 브라우저마다 다른가요? 최대 URL 길이가 HTTP 사양의 일부입니까? 답변 짧은 답변 - 사실상의 제한 문자 수 2000자 URL을 2000 자 미만으로 유지하면 거의 모든 클라이언트 및 서버 소프트웨어 조합에서 작동합니다. 특정 브라우저를 대상으로하는 경우 특정 제한에 대한 자세한 내용은 아래를 참조하십시오. 긴 답변 - 첫째, 기준... RFC 2616 (Hypertext Transfer Protocol HTTP / 1.1) 섹션 3.2.1에 따르면 HTTP 프로토콜은 URI 길이에 대한 사전 제한을 두지 않습니다. 서버는 제공하는 모든 리소스의 URI를 처리 할 수 있어야하며 이러한 U..

질문 : HTML5 숫자 입력의 스핀 상자를 숨길 수 있습니까? 일부 브라우저 (예 : Chrome)에서 숫자 유형의 HTML 입력에 대해 렌더링하는 새 스핀 상자를 숨기는 브라우저간에 일관된 방법이 있습니까? 위 / 아래 화살표가 나타나지 않도록 CSS 또는 JavaScript 메서드를 찾고 있습니다. 답변 이 CSS는 웹킷 브라우저의 스핀 버튼을 효과적으로 숨 깁니다 (Chrome 7.0.517.44 및 Safari 버전 5.0.2 (6533.18.5)에서 테스트했습니다). input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none;