How to capture basic HTML controls using WatiN

Introduction

Web application controls can be captured using the WatiN class. The WatiN class has all the controls corresponding to HTML elements. Sometime it is very confusing for the programmer to identify the ASP.NET control and the WatiN control.

Following are illustrations of capturing some HTML controls:

Textbox

HTML Element: <input type=text/>

WatiN class: TextField

Dropdown

HTML Element: <Select/>

WatiN class: SelectList

FileUpload

HTML Element: <input type=file/>

WatiN class: FileUpload

Checkbox

HTML Element: <input type=checkbox/>

WatiN class: CheckBox

Radiobutton

HTML Element: <input type=radio/>

WatiN class: RadioButton