@model IEnumerable<PopulationGdp>

<h1>
    String and Objects
</h1>

<p>
    C1 MVC's input module includes several controls for entering
    and editing strings:
</p>
<ul>
    <li>
        <p>
            <b>ComboBox</b>: Combines an input element with a drop-down
            list and provides as-you-type search, making it quick and
            easy to find items in long lists. Use it to enter strings
            or to select objects from lists.
        </p>
        <p>
            For example, select a country: 
            @Html.C1().ComboBox().Id("theCombo").Bind(Model).DisplayMemberPath("Country")
        </p>
    </li>
    <li>
        <p>
            <b>AutoComplete</b>: Extends the ComboBox to provide
            as-you-type async loading of items and a customizable
            search algorithm. Use it to select items from large
            datasets on the server.
        </p>
        <p>
            For example, type 'land' or 'uni': 
            @Html.C1().AutoComplete().Id("theAutoComplete").Bind(Model).Placeholder("Country").DisplayMemberPath("Country")
        </p>
    </li>
    <li>
        <p>
            <b>InputMask</b>: Provides character-level validation
            by allowing you to specify a mask composed of templates
            that constrain each character typed by the user.
        </p>
        <p>
            For example, type a phone number: 
            @Html.C1().InputMask().Id("theInputMask").Mask("1 (000) 99-999").Value("1 (800)")
        </p>
    </li>
</ul>   