프로그램 작성 html

14

CSS를 사용하여 div를 두 개의 열로 분할하려고 시도했지만 아직 작동하지 않았습니다. 내 기본 구조는 다음과 같습니다. <div id="content"> <div id="left"> <div id="object1"></div> <div id="object2"></div> </div> <div id="right"> <div id="object3"></div> <div id="object4"></div> </div> </div> 오른쪽 및 왼쪽 div를 각각의 위치 (오른쪽 및 왼쪽)로 플로팅하려고하면 콘텐츠 div의 배경색을 무시하는 것 같습니다. 그리고 …

90 css html css-float

6

Javascript에서 HTML5 필수 속성을 설정하는 방법은 무엇입니까?

text입력 상자를 다음과 같이 표시하려고합니다.Javascript에서 필요한 . <input id="edName" type="text" id="name"> 필드가 처음에 다음으로 표시되어있는 경우 required : <form> <input id="edName" type="text" id="name" required><br> <input type="submit" value="Search"> </form> 사용자가 제출을 시도하면 유효성 검사 오류가 발생합니다. 하지만 지금 required은 "런타임" 에서 속성 을 설정하고 싶습니다. Javascript를 통해 . <form> <input id="edName" …

90 javascript html validation

5

HTML에서 입력 텍스트 상자의 크기를 어떻게 정의 할 수 있습니까?

다음은 HTML 입력 텍스트 상자입니다. <input type="text" id="text" name="text_name" /> 상자의 크기를 정의하는 옵션은 무엇입니까? 이것이 CSS에서 어떻게 구현 될 수 있습니까?

90 html css input

14

IFrame (HTML)은 더 이상 사용되지 않습니까? [닫은]

현재이 질문은 Q & A 형식에 적합하지 않습니다. 사실, 참고 문헌 또는 전문 지식이 답변을 뒷받침 할 것으로 기대하지만이 질문은 토론, 논쟁, 여론 조사 또는 확장 된 토론을 유도 할 가능성이 높습니다. 이 질문을 개선하고 다시 열 수 있다고 생각 되면 도움말 센터 를 방문하여 안내를 받으세요. 휴일 칠년 전에 …

90 html iframe obsolete

5

범위 입력 슬라이더를 세로로 표시하는 방법

<input type="range" />슬라이더 컨트롤을 세로 로 표시하고 싶습니다 . 범위 슬라이더 컨트롤을 지원하는 브라우저에만 관심이 있습니다. 너비보다 높이를 높게 설정하면 브라우저가 자동으로 방향을 변경하는 것으로 보이는 주석과 참조를 찾았지만 테스트에서는 Opera에서 작동하던 Opera 에서만 작동 하지만 더 이상 작동하지 않습니다. HTML5 범위 슬라이더의 방향을 수직으로 조정하려면 어떻게해야합니까?

90 html css

8

부트 스트랩 CSS를 사용하여 두 개의 div를 가로로 나란히 중앙 페이지에 정렬

내가 시도한 코드 아래를 참조하십시오 <div class="row"> <div class="center-block">First Div</div> <div class="center-block">Second DIV </div> </div> 출력 : First Div SecondDiv 예상 출력 : First Div Second Div 부트 스트랩 CSS를 사용하여 두 개의 div를 수평으로 중앙에 정렬하고 싶습니다. 어떻게 할 수 있습니까? 나는 이것을하기 위해 간단한 CSS와 부동 개념을 사용하고 …

90 html css twitter-bootstrap

9

HTML 테이블 행에 테두리 제공, <tr>

이 테이블 행을 경계까지 가능 <tr>하나 대신, 개별 셀에 테두리를주는 이동에 <td>같은, <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px;" rules="none"> <tbody> <tr> <th style="width: 96px;">Column 1</th> <th style="width: 96px;">Column 2</th> <th style="width: 96px;">Column 3</th> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td style="border-left: thin solid; border-top: thin solid; border-bottom: thin solid;">&nbsp;</td> …

90 html css border html-table

12

Vue.js 동적 이미지가 작동하지 않음

내 한 경우이 Vue.js와 webpack웹 응용 프로그램, 나는 동적 이미지를 표시해야합니다. img이미지 파일 이름이 변수에 저장되는 위치 를 표시하고 싶습니다 . 이 변수는에서 비동기 적으로 채워지는 저장소 변수를 computed반환 하는 속성입니다 .VuexbeforeMount <div class="col-lg-2" v-for="pic in pics"> <img v-bind:src="'../assets/' + pic + '.png'" v-bind:alt="pic"> </div> 그러나 내가 할 때 완벽하게 …

90 javascript html vue.js vuejs2

2

자바 스크립트없이 HTML 양식에서 배열 게시

약간 복잡한 양식이 있으며 기본적으로 튜플 배열을 게시하여 서버 측 (PHP) 처리를 단순화하기를 희망합니다. 양식의 첫 번째 부분은 사용자를 나타냅니다 . 이름 성 이메일 주소 기타 양식의 두 번째 부분은 트리를 나타냅니다 . 과일 신장 기타 문제는 동일한 형식으로 단일 사용자 에 대해 여러 트리 를 게시 할 수 있어야한다는 …

90 php html forms post

7

CSS를 사용하여 셀 사이에 공백 (td) 추가

셀의 배경색이 흰색이고 테이블의 배경색이 파란색이므로 셀 사이에 공백이있는 테이블을 추가하려고합니다. 패딩과 여백이 작동하지 않는 것을 쉽게 알 수 있습니다 (에 적용하고 있습니다 td). 셀 내부에만 공간을 추가합니다.

90 html css

9

HTML / Javascript : src가 설정된 스크립트 태그에로드 된 JSON 데이터에 액세스하는 방법

페이지를 볼 수 있으므로 클라이언트에서 액세스 할 수 있도록 만들고 싶은 서버에서 생성 한이 JSON 파일이 있습니다. 기본적으로 달성하고 싶은 것은 다음과 같습니다. 내 html 문서에 다음 태그가 선언되어 있습니다. <script id="test" type="application/json" src="http://myresources/stuf.json"> 소스에서 참조 된 파일에는 JSON 데이터가 있습니다. 내가 본 것처럼 데이터는 스크립트에서 발생하는 것처럼 다운로드되었습니다. 이제 …

90 javascript json html script-tag

8

자바 스크립트 캔버스로 이미지 크기 조정 (부드럽게)

캔버스로 일부 이미지의 크기를 조정하려고하지만 부드럽게하는 방법에 대해 잘 모르겠습니다. 포토샵, 브라우저 등에서 그들이 사용하는 몇 가지 알고리즘 (예 : bicubic, bilinear)이 있지만 이것이 캔버스에 내장되어 있는지 여부는 모르겠습니다. 여기 내 바이올린이 있습니다. http://jsfiddle.net/EWupT/ var canvas = document.createElement('canvas'); var ctx = canvas.getContext('2d'); canvas.width=300 canvas.height=234 ctx.drawImage(img, 0, 0, 300, 234); document.body.appendChild(canvas); …

90 javascript html image canvas html5-canvas

6

Firefox에서 ES2015 가져 오기가 작동하지 않음 (최상위 수준에서도)

다음은 내 샘플 파일입니다. <!DOCTYPE html> <html> <head> <title>Test</title> <script src="t1.js"></script> </head> <body></body> </html> t1.js : import Test from 't2.js'; t2.js : export const Test = console.log("Hello world"); Firefox 46에서 페이지를로드 할 때 "SyntaxError : import 선언은 모듈의 최상위 수준에서만 나타날 수 있습니다."를 반환하지만 import 문이 여기에 얼마나 더 많은 …

90 javascript html firefox ecmascript-6 es6-modules

5

특정 클래스가없는 요소를 선택하는 방법

jQuery가 아닌 JavaScript를 사용하여 특정 클래스가없는 요소를 선택하는 방법이 궁금합니다. 예를 들어 다음 목록이 있습니다. <ul id="tasks"> <li class="completed selected">One Task</li> <li>Two Task</li> </ul> 다음과 같이 완료된 작업을 선택합니다. var completeTask = document.querySelector("li.completed.selected"); 하지만 그런 클래스가없는 목록 항목을 선택하는 방법을 모르겠습니다.

90 javascript html class

18

"선택된 파일 없음"을 변경합니다.

다음과 같이 "파일 선택"버튼이 있습니다 (Jade를 사용하고 있지만 Html5와 동일해야합니다). input(type='file', name='videoFile') 브라우저에서 "선택한 파일 없음"옆에 텍스트가있는 버튼이 표시됩니다. "선택한 파일 없음"텍스트를 "선택한 동영상 없음"또는 "동영상을 선택하십시오"와 같은 다른 것으로 변경하고 싶습니다. 여기에서 첫 번째 제안을 따랐습니다. 파일 입력 필드에 '선택된 파일 없음'을보고 싶지 않습니다. 그러나 이렇게해도 텍스트는 변경되지 않았습니다. …

90 html button file-upload pug

«html» 태그된 질문