ASP.NET Controls,HTML Control ,HtmlAnChor, HtmlButton, HtmlForm, HtmlImage

Welcome :Guest ( Register - Login )

Active Topics

รายชื่อสมาชิก

ASP.NET

Sign Guestbook

Member Online

Total Users Online: 2

We have

0 Member(s)

2 Guest(s)

0 Anonymous.

Most User Online: 8042
Occured: 06 April 2008

Members Online:

[ View Full List ]
[Based on the last 10 minutes]
You are visitor number 3172931

HTML Control

      HTML Control

โดยปกติแล้วโค้ดที่เป็นภาษา HTML นั้นจะถูกแปลที่ฝั่งของผู้ใช้ทางบราวเซอร์ แต่ใน ASP.NET นี้เราสามารถกำหนดให้โค้ด HTML นี้ถูกแปลที่ฝั่งเซริฟเวอร์ได้ โดยการใช้ HTML Control ซึ่งลักษณะ HTML Control นั้นจะเป็นแท็ก ซึ่งเกือบเหมือนแท็ก HTML แทบทุกประการเลยที่เดียว ต่างกันก็ตรงที่จะมีพร็อตเพอร์ตี้ runat = "server" เพิ่มมาเท่านั้นเอง

รูปแบบการใช้งานทั่วไปของ HTML Control

หากเป็นแท็กปิด

      <ชื่อแท็ก พร็อพเพอร์ตี้ต่างๆ ของแต่ละแท็ก runat = "server" / >

หากเป็นแท็กเปิด

      <ชื่อแท็ก พร็อพเพอร์ตี้ต่างๆ ของแต่ละแท็ก runat = "server" >…< /ชื่อแท็ก >

ข้อแนะนำ
      การตั้งชื่อให้กับแท็กใน HTML ปกตินั้นเราใช้พร็อพเพอร์ตี้ name แต่ถ้าเป็นใน HTML Control นั้นเราจะใช้พร็อพเพอร์ตี้ id แทน เช่น <form name = "web" > ก็จะกลายเป็น<form id = "web"> แทน ซึ่งรายละเอียดของคอนโทรลแต่ละชนิดใน ก็จะกลายเป็น HTML Control เป็นดังนี้

HtmlAnChor	ใช้ในการสร้างลิงค์เชื่อมโยงจากหน้าเว็บเพจหนึ่งไปสู่อีกเว็บเพจหนึ่ง
HtmlButton	ใช้ในการสร้างปุ่มต่างๆ
HtmlForm	ใช้ในการสร้างฟอร์มเพื่อใช้ในการส่งข้อมูล
HtmlGeneric	Tag ใช้งานทั่วไปของ HTML ที่ไม่ใช่ Tag ที่เป็น element เช่น <body>, <div>, <span> เป็นต้น
HtmlImage ( Ex.1 ) ( Ex.2 )	ใช้ในการแทรกรูปภาพลงในเว็บเพจ
HtmlInputButton	ใช้ในการสร้างฟอร์มที่เป็นปุ่มลงบนเว็บเพจ
HtmlInputCheckBox	ใช้ในการสร้างฟอร์มที่เป็นชนิด CheckBox (ชนิดที่เป็นสี่เหลี่ยม)
HtmlInputFile	ใช้ในการสร้างฟอร์มที่เป็นชนิด inputfFile (ชนิดที่มีปุ่ม Browse) ลงบนเว็บเพจ
HtmlInputHidden	ใช้ในการสร้างฟอร์มที่เป็นชนิด Hidden (ชนิดที่ไม่รูปฟอร์ม) ลงบนเว็บเพจ
HtmlnputImage	ใช้ในการสร้างฟอร์มที่เป็นปุ่ม submit ที่เป็นรูปภาพ ลงบนเว็บเพจ
HtmlInputRadioButton	ใช้ในการสร้างฟอร์มที่เป็นชนิด RadioButton (ชนิดที่เป็นวงกลม) ลงบนเว็บเพจ
HtmlInputText	ใช้ในการสร้างฟอร์มที่เป็นช่องรับข้อมูลตัวอักษรชนิด text ลงบนเว็บเพจ
HtmlSelect	ใช้ในการสร้างฟอร์มที่เป็นชนิด Select ลงบนเว็บเพจ
HtmlTable ( Ex.1 ) ( Ex.2 )	ใช้ในการแทรกตารางลงในเว็บเพจ <table>
HtmlTableCell ( Ex.1 ) ( Ex.2 )	ใช้ในการแทรกตารางลงในเว็บเพจ <td> , <th>
HtmlTableRow ( Ex.1 ) ( Ex.2 )	ใช้ในการแทรกตารางลงในเว็บเพจ <tr>
HtmlTextArea	ใช้ในการสร้างฟอร์มที่เป็นชนิด Text Area ลงบนเว็บเพจ

เนื่องจากแท็กต่างๆ ใน HTML นั้นมีอีกมากมาย แต่แท็กเหล่านั้นไม่ค่อยมีความ สำคัญในการใช้งานฝั่งเซิร์ฟเวอร์เท่าไร
แต่เราก็สามารถทำแท็กเหล่านั้นกลายเป็น HTML Control ได้เช่นกัน โดยการเพิ่มพร็อพเพอร์ตี้ runat = "server" เข้าไป
ซึ่งแท็กต่างๆ เหล่านี้จะรวมเรียกเป็นชื่อเดียวว่า HtmlGenericcontrol เช่น แท็ก <body> , แท็ก <span> เป็นต้น

ทดลองใช้งาน Html Control
หลังจากเราได้รู้จัก Html Control มาแล้วเราจะได้มาลองใช้งานคอนโทรชนิดนี้ดูบ้าง ซึ่งวิธีการใช้ไม่ได้ยุ่งยากอะไรมีสิ่งหนึ่งที่เราจะต้องคำนึงถึงก็คือ ถึงแม้คอนโทรลชนิดนี้จะมีลักษณะคล้ายภาษา HTML แต่ไม่ได้หมายความว่ามันเป็น HTML ดังนั้นเวลาเราจะบันทึกต้องบันทึกให้อยู่ในรูป ASP.NET ซึ่งก็คือไฟล์นามสกุล ".aspx" เท่านั้น มิเช่นนั้นจะไม่สามารถเก็บค่าต่างๆ ไว้ที่ฝั่งเซิร์ฟเวอร์ได้

Tutorials ASP.NET

      TextBox
      Button
      ViewState
  การรับส่งข้อมูล
      QueryString
      Form
      Property
  Controls
      HTML Controls
      Basic Web Controls
      Validation Controls
      DataList Controls
         XML Files
         Repeater
         Datalist
      Custom Control
  ASP.NET Database
      ADO.NET
      DataSet
         ติดต่อฐานข้อมูล
         เปิดฐานข้อมูล
         เลือกข้อมูล
         ใช้ข้อมูลที่เลือก
         ปิดการติดต่อ
         Example DataSet
      DataReader
         ติดต่อฐานข้อมูล
         เปิดฐานข้อมูล
         เลือกข้อมูล
         ใช้ข้อมูลที่เลือก
         ปิดการติดต่อ
         Example DataReader
      DB Connection

[ Users browsing page: 1 :Guest(s) ]

บทความต่างๆที่ปรากฏขึ้นใน ASPThai.Net เป็นบทความที่ได้มาจากการค้นคว้าและหาข้อมูลของผู้จัดทำซึ่งบทความในบางส่วนนั้นได้แหล่งข้อมูลมาจากหนังสือและบทความทางอินเตอร์เน็ต
ถ้าบทความที่ปรากฏขึ้นใน ASPThai.Net ผิดพลาดประการใดก็ขออภัยมา ณ ที่นี้ด้วย
"ทีมงาน ASPThai.Net อนุญาตให้นำบทความต่างๆภายใน ASPThai.Net ไปพิมพ์เพื่อเผยแพร่ต่อไปได้ และโปรดสร้างลิงค์ไปยัง http://www.aspthai.net ด้วยครับ"