This example shows typical HTML for

This example shows typical HTML for creating a form. It uses elements for the text boxes and for the submit button. The captions for the text boxes are created by using standard elements. The and elements put a nice box around the form.

Notice that in this page, the element uses post as the value for the method attribute. In the previous tutorial, you created a form that used the get method. That was correct, because although the form submitted values to the server, the request did not make any changes. All it did was fetch data in different ways. However, in this page you will make changes—you're going to add new database records. Therefore, this form should use the post method. (For more about the difference between GET and POST operations, see the GET, POST, and HTTP Verb Safety sidebar in the previous tutorial.)

Note that each text box has a name element (title, genre, year). As you saw in the previous tutorial, these names are important because you must have those names so you can get the user's input later. You can use any names. It's helpful to use meaningful names that help you remember what data you're working with.

The value attribute of each element contains a bit of Razor code (for example, Request.Form["title"]). You learned a version of this trick in the previous tutorial to preserve the value entered into the text box (if any) after the form has been submitted.

ผลลัพธ์ (ไทย) 1:

ตัวอย่างนี้แสดง HTML ทั่วไปสำหรับการสร้างฟอร์ม ใช้ในการ องค์ประกอบ สำหรับกล่องข้อความ และปุ่มส่ง คำอธิบายสำหรับกล่องข้อความจะถูกสร้างขึ้น โดยใช้มาตรฐาน องค์ประกอบ ที่ และ องค์ประกอบวางรอบ ๆ แบบดีสังเกตที่ในหน้านี้ การ องค์ประกอบใช้ลงรายการบัญชีเป็นค่าสำหรับแอตทริบิวต์วิธี ในบทก่อนหน้านี้ คุณสร้างฟอร์มที่ใช้วิธีการรับ ที่ไม่ถูกต้อง เนื่องจากแม้แบบฟอร์มส่งค่าไปยังเซิร์ฟเวอร์ คำไม่เปลี่ยนแปลง ทั้งหมดมันมีข้อมูลนำมาใช้ในลักษณะต่าง ๆ อย่างไรก็ตาม ในหน้านี้ คุณจะทำการเปลี่ยนแปลง — คุณจะเพิ่มระเบียนฐานข้อมูลใหม่ ดังนั้น แบบฟอร์มนี้ควรใช้วิธีการลงรายการบัญชี (สำหรับข้อมูลเพิ่มเติมเกี่ยวกับความแตกต่างระหว่างการดำเนินการรับและลงรายการบัญชี เห็น sidebar รับ ไปรษณีย์ และความ ปลอดภัยของกริยา HTTP ในบทก่อนหน้านี้)โปรดสังเกตว่า กล่องข้อความแต่ละกล่องมีองค์ประกอบชื่อ (ชื่อ ประเภท ปี) ตามที่คุณเห็นในบทก่อนหน้านี้ ชื่อเหล่านี้มีความสำคัญเนื่องจากคุณต้องมีชื่อเหล่านั้นเพื่อคุณจะได้รับการป้อนข้อมูลของผู้ใช้ในภายหลัง คุณสามารถใช้ชื่อใด ๆ โดยการใช้ชื่อมีความหมายที่ช่วยให้คุณจำไว้ว่า คุณกำลังทำงานกับข้อมูลค่าแอตทริบิวต์ของแต่ละ องค์ประกอบประกอบด้วยบิตของรหัสมีดโกน (เช่น Request.Form["title"]) คุณเรียนรู้เทคนิคนี้แบบในบทก่อนหน้านี้จะเก็บค่าที่ป้อนลงในกล่องข้อความ (ถ้ามี) หลังจากส่งแบบฟอร์มแล้ว

ผลลัพธ์ (ไทย) 2:

ตัวอย่างนี้แสดง HTM​​L ทั่วไปสำหรับการสร้างรูปแบบ จะใช้ elements for the text boxes and for the submit button. The captions for the text boxes are created by using standard elements. The and elements put a nice box around the form.

Notice that in this page, the element uses post as the value for the method attribute. In the previous tutorial, you created a form that used the get method. That was correct, because although the form submitted values to the server, the request did not make any changes. All it did was fetch data in different ways. However, in this page you will make changes—you're going to add new database records. Therefore, this form should use the post method. (For more about the difference between GET and POST operations, see the GET, POST, and HTTP Verb Safety sidebar in the previous tutorial.)

Note that each text box has a name element (title, genre, year). As you saw in the previous tutorial, these names are important because you must have those names so you can get the user's input later. You can use any names. It's helpful to use meaningful names that help you remember what data you're working with.

The value attribute of each element contains a bit of Razor code (for example, Request.Form["title"]). You learned a version of this trick in the previous tutorial to preserve the value entered into the text box (if any) after the form has been submitted.

ผลลัพธ์ (ไทย) 3:

ตัวอย่างนี้แสดง HTML ทั่วไปสำหรับการสร้างแบบฟอร์ม มันใช้ < องค์ประกอบข้อมูลสำหรับกล่องข้อความและปุ่มส่ง . มีคำอธิบายสำหรับกล่องข้อความที่ถูกสร้างขึ้นโดยใช้มาตรฐาน < ชื่อ > องค์ประกอบ < fieldset > และ < Legend > องค์ประกอบใส่กล่องสวยรอบรูป

สังเกตว่าในหน้านี้ , < > องค์ประกอบรูปแบบการใช้ไปรษณีย์เป็นค่าสำหรับวิธีการคุณลักษณะ ในบทก่อนหน้านี้คุณสร้างฟอร์มที่ใช้วิธีการ GET ที่ถูกต้อง เพราะแม้ว่าฟอร์มส่งค่าไปยังเซิร์ฟเวอร์ร้องขอไม่ทำให้อะไรเปลี่ยนแปลง ทั้งหมดก็ไม่ได้ดึงข้อมูลในวิธีที่แตกต่างกัน อย่างไรก็ตาม ในหน้านี้คุณจะทำให้การเปลี่ยนแปลงที่คุณจะต้องเพิ่มระเบียนฐานข้อมูลใหม่ ดังนั้น รูปแบบนี้จะใช้วิธี POST .( สำหรับข้อมูลเพิ่มเติมเกี่ยวกับความแตกต่างระหว่างการได้รับและการโพสต์ดูได้รับการโพสต์และกริยาตู้ด้านข้างในการกวดวิชา ก่อนหน้า )

หมายเหตุว่า แต่ละกล่องข้อความที่มีชื่อธาตุ ( ชื่อ , ประเภท , ปี ) ตามที่คุณเห็นในการกวดวิชาก่อนหน้านี้ ชื่อนี้สำคัญมากเพราะคุณต้องมีชื่อเหล่านั้นเพื่อให้คุณสามารถรับการป้อนข้อมูลของผู้ใช้ในภายหลัง คุณสามารถใช้ชื่อใด ๆมันเป็นประโยชน์ที่จะใช้ชื่อที่มีความหมาย ที่ช่วยให้คุณจำสิ่งที่ข้อมูลที่คุณกำลังทำงานกับ

ค่าแอตทริบิวต์ของแต่ละ < input > องค์ประกอบที่มีบิตของรหัสมีดโกน ( ตัวอย่างเช่น ขอ แบบฟอร์ม [ " ชื่อ " ] ) คุณเรียนรู้รุ่นของเทคนิคนี้ในการกวดวิชาก่อนหน้านี้เพื่อรักษาค่าป้อนลงในกล่องข้อความ ( ถ้ามี ) ตามแบบฟอร์มที่ได้รับ .