통계 사용자의 개인 정보를 HTML 양식

사용자의 개인 정보 수집 기술을 사용 폼에 필요 때 인터페이스에 등록 된 사이트 종종있다 form요소, 형태 요소, 입력 요소, 체크 박스, 라디오 버튼의 다른 유형을 가지고 버튼 등을 제출가.

입력 요소

<input>요소는 가장 중요한 양식 요소이다.
type 속성에 따라 <input>요소는 여러 가지 형태가있다. 예를 들면 :
JTextField의 클래스 기본 20 문자에 간단한 텍스트 입력, 비슷한 스윙 : 텍스트
라디오 : 라디오 버튼, JRadio 스윙처럼 (이것은 아니다 잊지 ..)
제출 : 제출 버튼 설정과 유사 액션 청취자의 JButton.
예를 들면 :

<!DOCTYPE html>
<html lang="en">
    <head >
        <meta charset="UTF-8">
        <base href="https://user.qzone.qq.com" />
        <base target="_blank"/>
    </head>
    <body background="background.jpg" >
        <form title="个人信息备案">
            <p>姓名:</p>
            <input type="text" name="姓名"/>
            <p>家庭地址:</p>
            <input type="text" name="地址"/>
            <p>联系电话</p>
            <input type="text" name="手机号"/>
            <p>性别:</p>
            <input type="radio" name="姓名" value="男"/> M
            <input type="radio" name="姓名" value="女"/> W
            <pre></pre><!--为了美观,不然上下隔得太近了-->
            <input type="submit" name="提交" value="确认提交" />

        </form>
    </body>
</html>

도 효과 : 그림 삽입 설명 여기
빨간 화살표 사전 효과이다

속성의 형태에서 다른 특성 액션 추가 할 수있는
양식이 제출 될 때 작업이 실행되는 action 속성을 정의합니다.
서버의 일반적인 관행에 양식이 제출 버튼을 사용하는 것입니다 제출합니다.
일반적으로, 형태는 웹 서버의 웹 페이지에 제출됩니다.
: 그러한 <form action="action_page.php">당신이 action 속성을 생략하면, 지정된 웹 페이지 콘텐츠에 제출됩니다 제출 버튼을 클릭하면 작업이 현재 페이지로 설정됩니다.
또한 이름 속성이
제대로 제출하는 경우, 각 입력 필드의 이름 속성으로 설정해야.
위의 기록으로 :

			<input type="text" name="姓名"/>
            <input type="text" name="地址"/>
            <input type="text" name="手机号"/>
            <input type="radio" name="姓名" value="男"/> M
            <input type="radio" name="姓名" value="女"/> W
            <input type="submit" name="提交" value="确认提交" />

어떤 속성 이름이없는 경우는, 그래서 서버는 정보를 수신하는 것으로,이 이름의 name 속성의 값에 따라 처리 될 수있는 데이터가 전송되지 않을 것이다.

함께 <fieldset>폼 데이터의 조합
<fieldset>된 데이터의 조합의 형태로 소자
<legend>타이틀 엘리먼트 정의 요소.
예를 들면 :

<!DOCTYPE html>
<html>
<body>

<form action="/demo/demo_form.asp">
<fieldset>
<legend>Personal information:</legend>
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
</fieldset>
</form>

</body>
</html>

도 효과 :
그림 삽입 설명 여기
모든 속성의 단일 형태의 양식을 첨부 :
그림 삽입 설명 여기

게시 21 개 원래 기사 · 원 찬양 한 · 전망 (546)

추천

출처blog.csdn.net/qq_44309046/article/details/104255323