Here are some examples of HTML helper extensions and their respective HTML output.

mvc-helper-examples

Dropdown list

@Html.DropDownListFor(model => model.Package.State.Id, Model.PackageStates)            
<select data-val="true" data-val-number="The field Id must be a number." data-val-required="The Id field is required." id="Package_State_Id" name="Package.State.Id">
<option value="1">Received</option>
<option value="2">Processing</option>
<option selected="selected" value="3">Complete</option>
</select> 

I have a more indepth breakdown of dropdown list here.

https://agilewarrior.wordpress.com/2012/12/13/how-to-simple-html-dropdownlistfor-mvc-net/

Checkbox

@Html.CheckBoxFor(model => model.IsActive)            
<input checked="checked" data-val="true" data-val-required="The IsActive field is required." id="IsActive" name="IsActive" type="checkbox" value="true" /><input name="IsActive" type="hidden" value="false" />

Textbox

@Html.TextBoxFor(model => model.UserName)            
<input id="UserName" name="UserName" type="text" value="jrasmusson" />

Textarea

@Html.TextAreaFor(model => model.Poem, new {@rows = "6"})            
<textarea cols="20" id="Poem" name="Poem" rows="6">...</textarea>

Radiobutton

<span class="control-label">Do you agree to the Terms and Conditions?</span>
            <br />
            @Html.RadioButtonFor(model => model.TermsAndConditions, true, new {id = "TermsAndConditions_true", @class = "control-radio"})
            <label for="TermsAndConditions_true">Yes</label>
            <br />
            <span class="control-label">&nbsp;</span>
            @Html.RadioButtonFor(model => model.TermsAndConditions, false, new {id = "TermsAndConditions_false", @class = "control-radio"})
            <label for="TermsAndConditions_false">No</label>
            <br />
<input class="control-radio" data-val="true" data-val-required="The TermsAndConditions field is required." id="TermsAndConditions_true" name="TermsAndConditions" type="radio" value="True" />
            <label for="TermsAndConditions_true">Yes</label>
            <br />
            <span class="control-label">&nbsp;</span>
            <input checked="checked" class="control-radio" id="TermsAndConditions_false" name="TermsAndConditions" type="radio" value="False" />
            <label for="TermsAndConditions_false">No</label>

Radio button with Twitter Bootstrap

<span class="control-label">Do you agree to the Terms and Conditions?</span>
            <br />
            <div class="controls">
                <div class="btn-group" data-toggle="buttons-radio">
                    <button type="button" class="btn btn-primary" value="TermsAndConditions_true">Yes</button>
                    <button type="button" class="btn btn-primary" value="TermsAndConditions_false">No</button>
                </div>
            </div>

Here is the View in it’s entirety. Note this look and feel was done using Twitter Bootstrap.

Index.cshtml

@model Dashboard.Models.DashboardIndexModel

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>

<fieldset>
    <legend>Package</legend>
    
    <div class="form-horizontal">
        
        <div class="control-group">
            @Html.LabelFor(model => model.Package.State, new {@class = "control-label"})
            <div class="controls">
                @Html.DropDownListFor(model => model.Package.State.Id, Model.PackageStates)            
            </div>
        </div>
    
        <div class="control-group">
            @Html.LabelFor(model => model.IsActive, new {@class = "control-label"})
            <div class="controls">
                @Html.CheckBoxFor(model => model.IsActive)            
            </div>
        </div>
        
        <div class="control-group">
            @Html.LabelFor(model => model.UserName, new {@class = "control-label"})
            <div class="controls">
                @Html.TextBoxFor(model => model.UserName)            
            </div>
        </div>
        
        <div class="control-group">
            @Html.LabelFor(model => model.Poem, new {@class = "control-label"})
            <div class="controls">
                @Html.TextAreaFor(model => model.Poem, new {@rows = "6"})            
            </div>
        </div>
        
        <div class="control-group">
            <span class="control-label">Do you agree to the Terms and Conditions?</span>
            <br />
            @Html.RadioButtonFor(model => model.TermsAndConditions, true, new {id = "TermsAndConditions_true", @class = "control-radio"})
            <label for="TermsAndConditions_true">Yes</label>
            <br />
            <span class="control-label">&nbsp;</span>
            @Html.RadioButtonFor(model => model.TermsAndConditions, false, new {id = "TermsAndConditions_false", @class = "control-radio"})
            <label for="TermsAndConditions_false">No</label>
            <br />
        </div>
        
        <div class="control-group">
            <span class="control-label">Do you agree to the Terms and Conditions?</span>
            <br />
            <div class="controls">
                <div class="btn-group" data-toggle="buttons-radio">
                    <button type="button" class="btn btn-primary" value="TermsAndConditions_true">Yes</button>
                    <button type="button" class="btn btn-primary" value="TermsAndConditions_false">No</button>
                </div>
            </div>
        </div>


    </div>
    
</fieldset>