<입력>은 <형식>없이 잘 구성되어 있습니까?

225

그것이 <input>없는 상태에서 유효 <form>합니까?

페이지에서 일부 필드를 마크 업하는 프로세스가 있고 예상 한대로 마크 업되지 않은 입력 필드가있는 페이지를 찾았습니다.
시간이 걸렸지 만 양식 요소를 가져 와서 필드를 가져 오는 과정이 양식이 없기 때문에 누락 된 원인이라는 점을 해결했습니다.

html forms input

— 그렉 돔얀
소스

@ Adriano-내 생각은 정확히. 그냥 훑어 봐!

— Gabriel Hurley

1

확실히 w3c 유효성 검사기 , 나는 왜 좋은지에 대한 설명을 정말로 추가 했어야합니다.

— Greg Domjan

또한 일부 HTML 버전에는 유효하지만 다른 버전에는 유효하지 않을 수 있으며이 경우 유효성 검사기는 표준을 읽는 것보다 훨씬 빠릅니다.

— Adriano Varoli Piazza

3

참조 : HTML / 자바 스크립트 페이지에서 양식을하지 않고 / 입력 필드의 외부를 사용하여 어떤 위험이 있습니까?

— 또는

200

<input><form> 유효 하지 않은 것으로 보이면 yes입니다 (적어도 html 4.01의 경우 17.2.1의 끝 부분을 살펴보십시오).

컨트롤을 만드는 데 사용되는 요소는 일반적으로 FORM 요소 내부에 나타나지만 사용자 인터페이스를 작성하는 데 사용될 때 FORM 요소 선언 외부에 나타날 수도 있습니다. 이는 본질적인 이벤트 섹션에서 설명합니다. 폼 외부의 컨트롤은 성공적인 컨트롤이 될 수 없습니다.

— ChristopheD
소스

7

양식 데이터를 서버에 제출할 수 있습니다 (Ajax 제외).

— Ludovic Kuty

5

@PhilipSmith 귀하의 의견이 오래 전에 작성되었음을 알고 있습니다 . 그러나 왜 이것이 이상하거나 무의미하다고 생각합니까? 컨트롤이 서버와 통신하지 않는 경우 양식을 만들고 싶은 이유는 무엇입니까?

— adam-beck

18

"성공적인 제어"란 무엇입니까?

— AlikElzin-kilaka

22

처리를 위해 양식을 제출하면 일부 컨트롤의 이름이 현재 값과 쌍을 이루며이 쌍은 양식과 함께 제출됩니다. 이름 / 값 쌍이 제출 된 컨트롤을 성공 컨트롤이라고합니다. w3c

— SantiBailors

3

@ adam-beck 예를 들어, 특정 AngularJS 웹 사이트는 입력을 처리하고, 데이터를 조작하고, API로 보냅니다. 양식의 HTML 템플릿은 양식 태그없이 작성 될 수 있으며 서버와 잘 통신합니다.

— sr9yar

75

W3C 유효성 검사기로 다음을 확인하고 이것이 유효한지 확인합니다.

<!DOCTYPE html>
<html>
<head>
  <title>test</title>
</head>
<body>
  <input type='text' />
</body>
</html>

— 와이 T 퉁
소스

6

최신 사양에 대한 참조 :

HTML 5.2-W3C 권장 사항 (2017 년 12 월 14 일)

양식 관련 요소는 <form>요소의 양식 소유자라고하는 요소 와 관계를 가질 수 있습니다 . 양식 관련 요소가 요소와 연관되지 않은 경우 <form>양식 소유자는 널이라고합니다.

— 데이비드
소스

4

MDN에 따르면 가능합니다.

요소 외부에서 양식 위젯을 사용하는 것이 항상 가능하지만 그렇게하면 해당 양식 위젯은 양식과 관련이 없습니다. 이러한 위젯은 양식 외부에서 사용할 수 있지만 해당 위젯에 대한 특별한 계획이 있어야합니다. JavaScript로 동작을 사용자 정의해야합니다.

HTML5는 HTML 양식 요소에 양식 속성을 도입합니다. 양식 태그 안에 포함되지 않은 요소를 양식에 명시 적으로 바인딩 할 수 있어야합니다. 안타깝게도 당분간 브라우저에서이 기능을 구현하는 것만으로는 충분하지 않습니다.

— 아드 난 파라디
소스

2

나는이 질문이 꽤 오래되었다는 것을 알고 있지만 양식 태그없이 많은 복잡한 데이터 입력 페이지를 성공적으로 만들었습니다. 많은 사람들이 "표준"으로 간주하지는 않지만을 사용하지 않고 입력을 사용하는 것은 부적절하지 않습니다 <form>. 내 프로젝트는 페이지의 동작 방식과 기본 양식 동작에 대한 완벽한 제어가 필요한 인스턴스였습니다. 페이지 및 필드 레벨 유효성 검증 (JS 사용)을 수행하고 Ajax 호출 등을 사용하여 데이터를 "제출"할 수 있었지만 실제로 요즘 선호하는 방식입니다.

많은 JS가 필요하지만 그렇게 어렵지는 않으며 재사용 가능한 코드로 쉽게 수행됩니다.

로그인 페이지와 같은 입력이있는 양식을 사용하지 않는 다른 경우도 있습니다.

이 평가가 누군가를 돕기를 바랍니다.

— 지맨
소스

1

예, 양식없이 유효한 입력을 할 수 있습니다.

— 하이젠 베르크
소스

14

글쎄, 당신은 '예'뒤에 증거를 추가 할 수 있습니다. 또는 이것이 어떤 버전의 HTML인지에 대한 설명입니다. 아직도, 나는 당신을 솜씨로 바꾸지 않았을 것입니다.

— Adriano Varoli 광장

9

따라서 사용자가 W3로 가서 직접 찾아 볼 수 있다면 왜 SO가 있는가? 나는 당신을 downvoted하지 않았지만, 명확하고 간결한 방식으로 더 많은 설명을 가진 사람이 upvote를 얻는 것에 동의해야합니다.

— Mattygabe

-10

물론 사용

document.getElementById('your_input_id').validity.valid

필드의 유효성을 동적으로 확인합니다.

— 타란
소스

31

이는 마크 업 유효성과 관련이 없으며 대신 제약 조건 유효성 검사 API를위한 것 입니다. 이 답변에 8 개의 투표 방법이 있습니다.

— user247702